/* AUTO-GENERATED — DO NOT EDIT BY HAND.
 * Generated by scripts/generate-design-tokens.mjs from:
 *   src/design/colors.ts
 *   src/design/theme.ts
 * Re-run `npm run generate:design-tokens`; `:check` is the CI gate.
 *
 * The role names are the implementation spec's §1 contract
 * (docs/design/IMPLEMENTATION_SPEC_2026-09-06.md, rulings D1-D10). Daylight is
 * the platform default and sits on :root; Night is an explicit opt-in
 * attribute. Chrome (--chrome, --chrome-worker, --island) is dark in BOTH
 * modes — the two-tone law.
 * Marketing mirror. The site consumes this file and defines no colour of
 * its own (D6: the cream ground is #F7F5EE, not #f7f5f0). */

:root,
[data-cyntientops-theme="daylight"] {
  --bg: #F7F5EE;
  --panel: #FFFFFF;
  --hair: rgba(23, 24, 27, 0.14);
  --ink-1: #17181B;
  --ink-2: #4A4D55;
  --ink-3: #6C7078;
  --gold-identity: #8A5B00;
  --gold-fill: #F2C14E;
  --field-identity: #08794E;
  --field-fill: #30E07F;
  --on-field: #000000;
  --status-action: #B72F3D;
  --status-action-strong: #962233;
  --status-watch: #B4531A;
  --status-stable: #08794E;
  --status-unavailable: #6B7078;
  --on-status-fill: #FFFFFF;
  --chrome: #0F0E0B;
  --chrome-worker: #0A0A0B;
  --island: #0F0E0B;
  --skeleton: #E3E0D6;
}

[data-cyntientops-theme="night"] {
  --bg: #000000;
  --panel: #05070B;
  --hair: rgba(244, 244, 242, 0.14);
  --ink-1: #F4F4F2;
  --ink-2: #B8BAC0;
  --ink-3: #8D929C;
  --gold-identity: #F2C14E;
  --gold-fill: #F2C14E;
  --field-identity: #30E07F;
  --field-fill: #30E07F;
  --on-field: #000000;
  --status-action: #FF6B6B;
  --status-action-strong: #FF6B6B;
  --status-watch: #F08A3C;
  --status-stable: #30E07F;
  --status-unavailable: #8D929C;
  --on-status-fill: #000000;
  --chrome: #0F0E0B;
  --chrome-worker: #0A0A0B;
  --island: #0F1116;
  --skeleton: #1C1E24;
}

:root {
  --font-serif: "Source Serif 4", Georgia, "Noto Serif", serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, "Roboto Mono", monospace;
  --radius-card: 16px;
  --radius-phone-card: 14px;
  --radius-control: 10px;
  --radius-chip: 999px;
  --touch-min: 44px;
  --touch-primary: 56px;
}