/* GENERATED by design/build-tokens.mjs — do not edit by hand. */
/* Edit design/tokens/ files and re-run `npm run tokens`.      */

/* ── primitive color palette ─────────────────────────────────────── */
:root {
  --n-00: #FFFFFF;
  --n-05: #FBF8F1;
  --n-10: #F4EFE4;
  --n-20: #ECE6D8;
  --n-25: #E3DDCE;
  --n-30: #D5D1C7;
  --n-40: #CFC7B6;
  --n-50: #9A9183;
  --n-60: #6B6357;
  --n-70: #3C404A;
  --n-72: #3A3F4A;
  --n-80: #272B34;
  --n-82: #262A33;
  --n-84: #22262F;
  --n-85: #1E212A;
  --n-90: #181B22;
  --n-95: #11141D;
  --n-99: #0A0C12;
  --ink-strong: #1F1B17;
  --ink-warm: #1F1B17;
  --ink-line: #1F1B17;
  --ink-scrim: #14120E;
  --ink-on-dark: #E8EAEF;
  --ink-hi: #EDEFF4;
  --ink-on-accent: #14171F;
  --accent-night: #8FA6D9;
  --accent-night-hero: #9DB2E0;
  --accent-paper: #C9643B;
  --glyph-sun: #D4A435;
  --glyph-rain: #3585D4;
  --glyph-moon: #E9D29D;
  --garment-tee: #E29D36;
  --garment-hoodie: #309169;
  --garment-puffy: #2E5D9E;
  --garment-raincoat: #4D7FB2;
  --white: #FFFFFF;
  --black: #000000;
  --temp-cold: #4F74CF;
  --temp-cool: #7896BE;
  --temp-mild: #D49235;
  --temp-warm: #D44D35;
  --temp-hot: #C0341F;
}

/* ── type · radius · shadow (primitives) ───────────────────────── */
:root {
  --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --type-headline-size: 24px;
  --type-headline-weight: 700;
  --type-headline-lh: 1.25;
  --type-body-size: 15px;
  --type-body-weight: 400;
  --type-body-lh: 1.5;
  --type-meta-size: 12px;
  --type-meta-weight: 500;
  --type-meta-lh: 1.4;
  --type-micro-size: 11px;
  --type-micro-weight: 600;
  --type-micro-lh: 1.4;
  --type-label-size: 10px;
  --type-label-weight: 700;
  --type-label-lh: 1.2;
  --type-label-tracking: 0.08em;
  --type-label-case: uppercase;
  --type-title-size: 20px;
  --type-title-weight: 650;
  --type-title-lh: 1.25;
  --type-hero-verdict-size: 24px;
  --type-hero-verdict-weight: 800;
  --type-hero-verdict-lh: 1.12;
  --type-hero-body-size: 17px;
  --type-hero-body-weight: 400;
  --type-hero-body-lh: 1.4;
  --type-hero-sub-size: 15px;
  --type-hero-sub-weight: 500;
  --type-hero-sub-lh: 1.4;
  --type-hero-label-size: 14px;
  --type-hero-label-weight: 500;
  --type-hero-label-lh: 1.4;
  --type-hero-micro-size: 10px;
  --type-hero-micro-weight: 400;
  --type-hero-micro-lh: 1;
  --type-hero-display-size: 112px;
  --type-hero-display-weight: 800;
  --type-hero-display-lh: 0.85;
  --type-hero-display-unit-size: 44px;
  --type-hero-display-unit-weight: 300;
  --type-hero-display-unit-lh: 1;
  --type-hero-temp-size: 64px;
  --type-hero-temp-weight: 700;
  --type-hero-temp-lh: 1;
  --radius-bubble: 18px;
  --radius-sheet: 24px;
  --radius-pill: 9999px;
  --shadow-sheet: 0 8px 40px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.10);
  --shadow-surface: 0 1px 2px rgba(60,44,24,0.06), 0 6px 20px rgba(60,44,24,0.08);
  --shadow-raised: 0 2px 6px rgba(60,44,24,0.10), 0 12px 32px rgba(60,44,24,0.12);
  --temp-sage: #8FB57E;
  --layout-gap: 12px;
  --layout-gutter: 18px;
  --layout-hit: 44px;
  --layout-fab: 40px;
  --layout-close: 36px;
  --layout-close-inset: 16px;
  --layout-composer-height: 80px;
  --layout-composer-pad: 24px;
  --layout-pill-height: 40px;
  --motion-fast-ms: 200ms;
  --motion-fast-ease: cubic-bezier(0, 0, 0.58, 1);
  --motion-base-ms: 360ms;
  --motion-base-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-sheet-ms: 420ms;
  --motion-sheet-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-float-ms: 5200ms;
  --motion-float-ease: cubic-bezier(0.42, 0, 0.58, 1);
}

.chat-root {
  /* Day defaults */
  --chat-scrim: color-mix(in srgb, var(--ink-scrim) 45%, transparent);
  --chat-canvas: var(--n-05);
  --chat-raised: var(--n-00);
  --chat-hairline: var(--n-20);
  --chat-handle: var(--n-40);
  --chat-bar: color-mix(in srgb, var(--ink-warm) 2%, transparent);
  --chat-bar-border: color-mix(in srgb, var(--ink-warm) 10%, transparent);
  --chat-text: var(--ink-strong);
  --chat-text-muted: var(--n-60);
  --chat-text-faint: var(--n-50);
  --chat-placeholder: color-mix(in srgb, var(--ink-strong) 85%, transparent);
  --chat-text-on-accent: var(--white);
  --chat-action: var(--ink-warm);
  --chat-action-ink: var(--n-05);
  --accent: var(--accent-paper);
  /* static primitives */
  --chat-radius-bubble: 18px;
  --chat-radius-sheet: 24px;
  --chat-radius-pill: 9999px;
  --chat-shadow-sheet: 0 8px 40px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.10);
}

.chat-root[data-mode="night"] {
  --chat-scrim: color-mix(in srgb, var(--black) 62%, transparent);
  --chat-canvas: var(--n-90);
  --chat-raised: var(--n-82);
  --chat-hairline: color-mix(in srgb, var(--white) 10%, transparent);
  --chat-handle: var(--n-72);
  --chat-bar: color-mix(in srgb, var(--white) 2%, transparent);
  --chat-bar-border: color-mix(in srgb, var(--white) 12%, transparent);
  --chat-text: var(--ink-on-dark);
  --chat-text-muted: color-mix(in srgb, var(--ink-on-dark) 62%, transparent);
  --chat-text-faint: color-mix(in srgb, var(--ink-on-dark) 38%, transparent);
  --chat-placeholder: color-mix(in srgb, var(--ink-on-dark) 55%, transparent);
  --chat-text-on-accent: var(--ink-on-accent);
  --chat-action: var(--ink-hi);
  --chat-action-ink: var(--n-90);
  --accent: var(--accent-paper);
}

.founder-root {
  /* Day defaults */
  --founder-bg: var(--n-25);
  --founder-ink: var(--ink-warm);
  --founder-dim: color-mix(in srgb, var(--ink-warm) 62%, transparent);
  --founder-line: color-mix(in srgb, var(--ink-warm) 16%, transparent);
  --founder-raised: color-mix(in srgb, var(--ink-warm) 5%, transparent);
}

.founder-root[data-mode="night"] {
  --founder-bg: var(--n-84);
  --founder-ink: var(--ink-hi);
  --founder-dim: color-mix(in srgb, var(--ink-hi) 60%, transparent);
  --founder-line: color-mix(in srgb, var(--ink-hi) 14%, transparent);
  --founder-raised: color-mix(in srgb, var(--ink-hi) 6%, transparent);
}

.hero-root {
  /* Day defaults */
  --hero-ink: var(--ink-strong);
  --hero-bg: var(--n-05);
  --hero-glow: none;
  --hero-accent: var(--accent-paper);
  --hero-accent-trend: var(--accent-paper);
}

.hero-root[data-mode="night"] {
  --hero-ink: var(--ink-hi);
  --hero-bg: var(--n-90);
  --hero-glow: none;
  --hero-accent: var(--accent-paper);
  --hero-accent-trend: var(--accent-paper);
}

.home-root {
  /* Day defaults */
  --home-card: var(--n-00);
  --home-tile: var(--n-00);
  --home-dock: var(--n-00);
  --home-bubble-ai: var(--n-00);
  --home-bubble-me: var(--ink-strong);
  --home-bubble-me-ink: var(--n-05);
  --home-ground-ink: var(--ink-strong);
  --home-ground-muted: var(--n-60);
  --home-hairline: var(--n-20);
  --home-ground: var(--n-05);
}

.home-root[data-mode="night"] {
  --home-card: var(--n-82);
  --home-tile: var(--n-82);
  --home-dock: var(--n-82);
  --home-bubble-ai: var(--n-82);
  --home-bubble-me: var(--ink-hi);
  --home-bubble-me-ink: var(--n-90);
  --home-ground-ink: var(--ink-hi);
  --home-ground-muted: color-mix(in srgb, var(--ink-on-dark) 50%, transparent);
  --home-hairline: color-mix(in srgb, var(--white) 10%, transparent);
  --home-ground: var(--n-90);
}

.sheet-root {
  /* Day defaults */
  --sheet-scrim: color-mix(in srgb, var(--black) 50%, transparent);
  --sheet-panel: var(--n-00);
  --sheet-handle: var(--n-40);
  --sheet-raised: var(--n-00);
  --sheet-hairline: var(--n-20);
  --sheet-shadow: 0 8px 40px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.1);
}

.sheet-root[data-mode="night"] {
  --sheet-scrim: color-mix(in srgb, var(--black) 50%, transparent);
  --sheet-panel: var(--n-82);
  --sheet-handle: var(--n-40);
  --sheet-raised: var(--n-82);
  --sheet-hairline: var(--n-72);
  --sheet-shadow: 0 8px 40px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.1);
}