/*
 * Luffwise design tokens.
 * Source of truth for color, type, radius and spacing. Mirrors tokens.json.
 * site/assets/css/tokens.css is a copy of this file: change both together.
 */
:root {
  /* Core palette */
  --lw-ink: #0B0F0E;              /* primary text, dark surfaces, primary buttons */
  --lw-porcelain: #F5F6F4;        /* light page ground */
  --lw-white: #FFFFFF;            /* cards and bands on porcelain */
  --lw-signal: #18C26B;           /* accent on dark: the lead chevron, live states */
  --lw-signal-deep: #0A7A43;      /* accent on light: links, eyebrows, the lead chevron */
  --lw-signal-deep-hover: #065A31;
  --lw-graphite: #5B6360;         /* secondary text on light */

  /* Light-surface neutrals */
  --lw-graphite-strong: #3F4643;  /* body text in dense lists */
  --lw-line: #E0E4E1;             /* hairlines, card borders */
  --lw-line-strong: #C9CFCB;      /* outlined buttons */

  /* Dark-surface ("Sherwood") neutrals */
  --lw-ink-raised: #141917;       /* panels on ink */
  --lw-ink-line: #222826;         /* borders on ink */
  --lw-ink-line-strong: #2A302D;  /* inputs, empty progress */
  --lw-on-dark: #EEF1EF;          /* primary text on ink */
  --lw-on-dark-soft: #DDE2DF;     /* text inside panels */
  --lw-on-dark-body: #C9D0CC;     /* paragraph text on ink */
  --lw-on-dark-muted: #9AA39F;    /* labels, metadata on ink */
  --lw-signal-tint: #12241A;      /* status pill background on ink */

  /* Type */
  --lw-font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --lw-font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --lw-tracking-display: -0.05em;
  --lw-tracking-heading: -0.04em;
  --lw-tracking-title: -0.03em;
  --lw-tracking-wordmark: -0.045em;
  --lw-tracking-eyebrow: 0.1em;

  /* Radius */
  --lw-radius-sm: 8px;
  --lw-radius-md: 10px;           /* buttons */
  --lw-radius-lg: 12px;           /* panels */
  --lw-radius-xl: 14px;           /* step cards */
  --lw-radius-2xl: 18px;          /* feature cards */
  --lw-radius-3xl: 24px;          /* CTA band */

  /* Layout */
  --lw-max-width: 1200px;
  --lw-gutter: clamp(16px, 4vw, 48px);
  --lw-section-y: clamp(56px, 8vw, 104px);
  --lw-tap: 44px;                 /* minimum touch target */
}