/* Vendored from brand kit agent/visual/tokens.css (copy verbatim; re-sync, do not edit). */
/* Generated by scripts/build.mjs from visual-system.json. Do not edit. */

:root {
  /* Palette */
  --gc-paper: #FBF6E6;
  --gc-cream: #F6EEDB;
  --gc-ink: #34160B;
  --gc-respite: #2A1C12;
  --gc-clay: #B83D1A;
  --gc-orange: #E86A1E;
  --gc-amber: #EDA82C;
  --gc-moss: #93BE57;
  --gc-pulse: #DE5A33;
  --gc-umber: #7F5E22;
  --gc-oxblood: #7C2F28;
  --gc-olive: #5C5B33;
  --gc-rust: #934B22;
  --gc-signal: #3BDF89;
  /* Houses */
  --house-service-field: #FBF6E6;
  --house-service-on: #34160B;
  --house-service-fill: #E86A1E;
  --house-desk-field: #B83D1A;
  --house-desk-on: #F6EEDB;
  --house-desk-fill: #EDA82C;
  --house-labs-field: #2A1C12;
  --house-labs-on: #F6EEDB;
  --house-labs-fill: #7C2F28;
  /* Interface: light (Service house) */
  --background: #FBF6E6;
  --foreground: #34160B;
  --card: #F6EEDB;
  --card-foreground: #34160B;
  --muted: oklch(95% 0.025 75);
  --muted-foreground: oklch(47% 0.075 50);
  --border: oklch(84% 0.05 72);
  --primary: #E86A1E;
  --primary-foreground: #34160B;
  --primary-text: #B83D1A;
  --tint: oklch(96% 0.025 60);
  --tint-foreground: oklch(45% 0.13 46);
  --destructive: oklch(52% 0.16 30);
  --destructive-foreground: #FBF6E6;
  --ring: #E86A1E;
  --signal: #3BDF89;
  --field: var(--background);
  --field-foreground: var(--foreground);
  /* Status */
  --status-success: oklch(42% 0.10 145);
  --status-warning: oklch(48% 0.14 60);
  --status-danger: oklch(45% 0.16 28);
  --status-info: oklch(45% 0.10 230);
  /* SMS */
  --sms-caregiver: oklch(72% 0.188 150);
  --sms-caregiver-foreground: oklch(22% 0.04 150);
  --sms-mira: oklch(93.5% 0.003 286.3);
  --sms-mira-foreground: oklch(22.7% 0.004 286.1);
  /* Type */
  --font-hero: "ZT Chintzy", "Alegreya Variable", Georgia, serif;
  --font-reading: "Alegreya Variable", "Alegreya Fallback", Georgia, serif;
  --font-index: "JetBrains Mono", ui-monospace, monospace;
  --font-chrome: "Gabarito", "Gabarito Fallback", sans-serif;
  --weight-hero: 800;
  --weight-reading: 400;
  --weight-reading-strong: 800;
  --weight-reading-social: 500;
  --weight-index: 500;
  --tracking-index: 0.14em;
  --tracking-eyebrow: 0.2em;
  --text-dense-3xs: 0.5rem;
  --text-dense-2xs: 0.5625rem;
  --text-dense-xs: 0.625rem;
  --text-dense-sm: 0.6875rem;
  --text-dense-base: 0.75rem;
  /* Space and radius */
  --space-page: 1.5rem;
  --space-section: 4rem;
  --space-frame-max: 70rem;
  --space-reader-col: 430px;
  --radius-base: 0.625rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.875rem;
  --radius-full: 9999px;
  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-breathe: cubic-bezier(0.37, 0, 0.63, 1);
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 350ms;
  --duration-breathe: 3500ms;
}

/* Interface: dark (Labs house) */
.dark, [data-theme="dark"] {
  --background: #2A1C12;
  --foreground: #F6EEDB;
  --card: oklch(26% 0.03 50);
  --card-foreground: #F6EEDB;
  --muted: oklch(24% 0.03 50);
  --muted-foreground: oklch(72% 0.06 70);
  --border: oklch(34% 0.03 50);
  --primary: #E86A1E;
  --primary-foreground: #34160B;
  --primary-text: #EDA82C;
  --tint: oklch(28% 0.06 50);
  --tint-foreground: oklch(83% 0.16 55);
  --destructive: oklch(55% 0.2 30);
  --destructive-foreground: #F6EEDB;
  --ring: #E86A1E;
  --signal: #3BDF89;
}

/* Surface fields: one band per surface; the page stays on paper. */
[data-variant="score"] { --field: #E86A1E; --field-foreground: #34160B; }
[data-variant="benefits"] { --field: #EDA82C; --field-foreground: #34160B; }
[data-variant="wiki"] { --field: #93BE57; --field-foreground: #34160B; }
[data-variant="pulse"] { --field: #B83D1A; --field-foreground: #F6EEDB; }
[data-variant="policy"] { --field: #7F5E22; --field-foreground: #F6EEDB; }
[data-variant="bench"] { --field: #7C2F28; --field-foreground: #F6EEDB; }
[data-variant="sdoh"] { --field: #5C5B33; --field-foreground: #F6EEDB; }
[data-variant="story"] { --field: #934B22; --field-foreground: #F6EEDB; }

/* Breathe: presence only (online, typing, loading, score updating). */
@keyframes gcbreathe {
  0%, 100% { opacity: 0.22; transform: scale(0.62); }
  50% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}