/* ============================================================================
   tokens.css — A!thera Partners brand tokens (source of truth: brand skill).
   Values are pulled verbatim from the visual system; do not approximate.
   ========================================================================== */

: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 / single callouts only) */
  --athera-amber: #C8955A;
  --athera-amber-light: #E8C49A;
  --athera-steel: #8AA5BE;
  --athera-mist: #D4DFE8;

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

  /* 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 scale (8 → 120) */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 48px;
  --s-6: 64px;
  --s-7: 80px;
  --s-8: 120px;

  /* Layout */
  --page-max: 1200px;
  --page-pad: 48px;
  --radius: 4px;
  --radius-sm: 2px;

  /* Motion — calm by default */
  --ease: 0.2s ease;
}