/* ──────────────────────────────────────────────────────────
   PAIRPATH DESIGN TOKENS
   Single source of truth — extracted directly from the
   platform UI so the marketing site and the product share
   identical type, color, spacing, and motion.
   ────────────────────────────────────────────────────────── */

:root {
  /* ── Surfaces ── */
  --bg:           #F4F4F6;
  --surface:      #FFFFFF;
  --surface-warm: #FCFBF8;
  --line:         #E5E5EC;
  --line-2:       #D5D5DE;

  /* ── Ink (text) ── */
  --ink:     #1A1A2E;
  --ink-2:   #3A3A50;
  --muted:   #6B6B7E;
  --muted-2: #9A9AAB;
  --faint:   #BFBFCC;

  /* ── Brand primary: deep purple ── */
  --purple:        #8B7AC8;
  --purple-deep:   #5E4FA0;
  --purple-darker: #4F4290;
  --purple-soft:   #EFEAFB;
  --purple-line:   #D8CFF0;

  /* ── Status: going well ── */
  --mint:      #7AB89A;
  --mint-deep: #3D7A5C;
  --mint-soft: #DDEDE3;

  /* ── Status: needs review ── */
  --peach:      #D89B7E;
  --peach-deep: #A05E3F;
  --peach-soft: #F5E0D2;

  /* ── Status: caution ── */
  --amber:      #C9A24C;
  --amber-deep: #8B6914;
  --amber-soft: #F5E8C8;

  /* ── Status: struggling ── */
  --coral:      #D77460;
  --coral-deep: #A0432A;
  --coral-soft: #F5D8CF;

  /* ── Type ── */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Type scale ── */
  --fs-mono-xs:  10.5px;
  --fs-mono-sm:  11px;
  --fs-xs:       11.5px;
  --fs-sm:       12.5px;
  --fs-base:     13.5px;
  --fs-md:       14.5px;
  --fs-lg:       16px;
  --fs-xl:       18px;
  --fs-2xl:      22px;
  --fs-3xl:      28px;
  --fs-4xl:      36px;
  --fs-5xl:      48px;
  --fs-6xl:      64px;
  --fs-7xl:      80px;

  /* ── Radius ── */
  --r-sm:   6px;
  --r-md:   9px;
  --r-lg:   12px;
  --r-xl:   14px;
  --r-2xl:  16px;
  --r-3xl:  20px;
  --r-pill: 999px;

  /* ── Shadow ── */
  --shadow-sm:    0 1px 2px rgba(26, 26, 46, 0.04);
  --shadow-md:    0 4px 12px rgba(26, 26, 46, 0.05);
  --shadow-lg:    0 12px 32px rgba(26, 26, 46, 0.08);
  --shadow-purple: 0 8px 24px rgba(94, 79, 160, 0.18);

  /* ── Motion ── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast:  140ms;
  --t-base:  220ms;
  --t-slow:  420ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}