/* =========================================================================
   AMT WORKSPACE STYLESHEET
   Covers: chat interface, proof interface, workspace environments
   Originated from the chat interface. Now being applied to Landing
   Separate from brand-guide-marketing stylesheet — do not merge
   Naming convention: lowest number = darkest, highest = lightest
   Workspace style sheet has become the dominant guide — use on all new builds 
   Last updated: May 10, 2026
   ========================================================================= */

:root {

  /* DARK SURFACES — 1 darkest, 5 lightest */
  --dark-1: #131210;   /* nav bar */
  --dark-2: #1A1915;   /* sidebar header, sidebar footer */
  --dark-3: #201F1B;   /* sidebar body, banner, user bubble, input bar */
  --dark-4: #2E2C28;   /* agent message bubble */
  --dark-5: #302E2A;   /* chat thread background */

  /* LIGHT SURFACES — 1 darkest, 6 lightest */
  --light-1: #D8D2C8;  /* user bubble borders, canvas shell */
  --light-2: #E4DFD5;  /* chat thread background */
  --light-3: #EDE9E1;  /* scrollbar track */
  --light-4: #F5F2EC;  /* banner, input bar, user bubble, sidebar body */
  --light-5: #F8F5EF;  /* sidebar header, sidebar footer */
  --light-6: #FAF8F4;  /* nav bar */

  /* STONES — neutrals, both modes — 1 darkest, 5 lightest */
  --stone-1: #3C3A35;  /* scrollbar track (dark mode) */
  --stone-2: #56534E;  /* user bubble borders (dark mode) & LANDING PAGE: primiary text — headers, titles in LIGHT MODE */
  --stone-3: #6B6660;  /* scrollbar thumb, agent bubble (dark mode) & LANDING PAGE: secondary text — body in LIGHT MODE */
  --stone-4: #A8A39B;  /* scrollbar thumb (light mode) & LANDING PAGE: secondary text — body in DARK MODE */
  --stone-5: #CEC8BC;  /* canvas shell (dark mode), agent bubble (light mode) & LANDING PAGE: primiary text — headers, titles in DARK MODE */ 

  /* TEXT - CHAT — DARK MODE */
  --text-dark-primary:   #EDE8E0;  /* active input text, active session text */
  --text-dark-secondary: #A8A39B;  /* sidebar text, bubble text, banner text */
  --text-dark-tertiary:  #56534E;  /* approach label, dates, group labels & LANDING PAGE: tertiary text */

  /* TEXT - CHAT — LIGHT MODE */
  --text-light-primary:   #1C1915; /* input bar, banner, sidebar header/footer */
  --text-light-secondary: #56534E; /* message text, sidebar session text */
  --text-light-tertiary:  #A8A39B; /* dates, timestamps, informational text & LANDING PAGE: tertiary text */

  /* BRAND */
  --brand-teal:     #3DB8A8;
  --brand-mint:     #73E5B5;
  --brand-blue:     #4A74BB;  /* agent bubble border */
  --hunter:         #1C3532;  /* active session highlight — dark mode */
  --teal-blue:      #5AB0BC;  /* canvas pull tab */
  --mint-blue:      #D0E8E5;  /* active session highlight — light mode */

  /* UTILITY */
  --paper:          #F5F2EC;  /* paper surface in canvas — both modes */
  --divider-dark:   #302E2A;
  --divider-light:  #E9E5DE;

   /* SHADOWS */
   --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* BRAND GRADIENT */
  --brand-gradient: linear-gradient(30deg, #4A74BB, #3DB8A8, #73E5B5);
  --brand-gradient-dark-15: linear-gradient(30deg, #3F639F, #349C8F, #62C39A);

  /* TYPOGRAPHY */
  --font-body: 'Fredoka', sans-serif;
  --font-display: 'DM Serif Display', serif;

  /* FONT SIZES — clamp anchors to target size at standard desktop width */
  --text-sm:  clamp(0.5rem,   0.45rem + 0.25vw, 0.625rem);  /* targets 10px */
  --text-md:  clamp(0.875rem, 0.8rem  + 0.4vw,  1rem);      /* targets 16px */
  --text-lg:  clamp(1rem,     0.9rem  + 0.5vw,  1.25rem);   /* targets 20px */

}
.page-footer a:hover {
  color: var(--brand-teal);
  opacity: 1;
}