/* Subtext design system — tokens. The single source of visual truth.
   Matches the design-system handoff: Sora / Inter / Spectral + the "Light Through" mark.
   Imported by marketing/ and website/. Map these to native tokens in app/. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=Spectral:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root{
  /* dark surfaces (app + dark marketing sections) */
  --ink-900:#0D0F15;
  --ink-800:#11141D;
  --ink-700:#171B26;
  --ink-600:#1D2230;   /* raised surface, progress track */
  --line-dark:#272D3D;

  /* light surfaces (marketing) */
  --paper-0:#FFFFFF;
  --paper-50:#F4F2FB;
  --paper-100:#ECEAF6; /* light alt / chips / dividers */

  /* text */
  --text-hi:#EEF0F6;
  --text-mid:#9AA3B8;
  --text-lo:#6B7280;
  --text-ink:#15171F;  /* primary text on light */

  /* brand accents */
  --accent-500:#8B7CF6; /* primary purple */
  --accent-400:#A78BFA; /* highlights, accent-in-headline, ring */
  --accent-300:#C4B7FB; /* tints, lavender logo half */
  --teal:#5EEAD4;       /* healthy / green-flag */
  --good:#7EE0A6;
  --bad:#F47C8C;
  --warn:#F6A96B;

  /* gradients & glow */
  --grad-accent:linear-gradient(135deg,#A78BFA,#8B7CF6);
  --grad-progress:linear-gradient(90deg,#A78BFA,#5EEAD4);
  --glow:0 12px 30px -12px #8B7CF6;

  /* domain colors (the only place full-color icons appear) */
  --dom-dating:#F0567A;
  --dom-work:#5B8DEF;
  --dom-arguments:#F2A24E;
  --dom-online:#8B7CF6;
  --dom-self:#57C08A;

  /* shape */
  --radius:18px;
  --radius-sm:12px;
  --radius-pill:999px;

  /* type — Sora display, Inter UI, Spectral for scene/term only */
  --font-display:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-serif:'Spectral','Iowan Old Style',Palatino,Georgia,serif;

  /* spacing scale (4px base) */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-18:72px;

  /* type scale (px) */
  --fs-12:12px; --fs-14:14px; --fs-16:16px; --fs-18:18px; --fs-21:21px;
  --fs-26:26px; --fs-32:32px; --fs-40:40px; --fs-52:52px;

  /* weights */
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800;

  /* line-height & tracking */
  --lh-tight:1.12; --lh-snug:1.3; --lh-normal:1.55; --lh-relaxed:1.7;
  --tracking-display:-.025em; --tracking-tight:-.02em; --tracking-kicker:.1em;

  /* elevation & motion */
  --shadow-card:0 18px 40px -16px rgba(0,0,0,.45);
  --shadow-soft:0 10px 30px -14px rgba(0,0,0,.40);
  --ease:cubic-bezier(.2,.6,.2,1);
  --dur-fast:120ms; --dur:550ms;
}