/* A!thera Partners design tokens. Pulled from the brand guidelines —
   do not redefine values or invent new ones. */

:root {
  /* Primary palette */
  --athera-blue:         #5FB8D6;
  --athera-blue-light:   #A8D9EC;
  --athera-blue-deep:    #2A8FB0;
  --athera-charcoal:     #374151;
  --athera-charcoal-light:#4B5563;
  --athera-grey:         #6B7280;
  --athera-grey-light:   #9CA3AF;
  --athera-navy:         #0F172A;
  --athera-navy-mid:     #1E2B42;

  /* Surfaces */
  --athera-white:        #FFFFFF;
  --athera-off-white:    #F8F7F4;
  --athera-surface:      #F1EEE8;

  /* Extended palette — charts and special callouts only */
  --athera-amber:        #C8955A;
  --athera-amber-light:  #E8C49A;
  --athera-steel:        #8AA5BE;
  --athera-mist:         #D4DFE8;
  --athera-red:          #C44536;

  /* Lines */
  --athera-line:         rgba(55, 65, 81, 0.12);
  --athera-line-light:   rgba(55, 65, 81, 0.06);
  --athera-line-dark:    rgba(255, 255, 255, 0.08);

  /* Typography */
  --athera-display: 'Cormorant Garamond', Georgia, serif;
  --athera-sans:    'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --athera-mono:    'DM Mono', 'Consolas', 'Monaco', monospace;

  /* Spacing — multiples of 4 */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  80px;
  --space-10: 120px;
}