/* GENERATED — DO NOT EDIT.
   Source: design/tokens.json · generator: design/generate.mjs · run: node design/generate.mjs */

/* Dark is the product default. Light applies ONLY on an explicit [data-theme="light"]
   opt-in — never from the OS preference (mora is dark-first, OLED-first). */
:root {
  --mora-page: #06080B;
  --mora-bg: #0A0E12;
  --mora-card: #0D1219;
  --mora-ink: #F1F5F9;
  --mora-muted: #7D8794;
  --mora-hair: #94A3B829;
  --mora-ring: #94A3B81F;
  --mora-rail: #94A3B857;
  --mora-gold: #D4A446;
  --mora-gold-soft: #D4A4468C;
  --mora-poly: #E0B356;
  --mora-poly-fill: #D4A44621;
  --mora-warn: #C96A4A;
  --mora-warn-soft: #C96A4A80;
  --mora-scrim-none: #06080B00;
  --mora-scrim-top: #06080BB8;
  --mora-scrim-bottom: #06080BDB;
  --mora-header-veil: #0A0E12F0;
  --mora-gold-wash: #D4A44608;
  --mora-gold-tint: #D4A4460D;
  --mora-gold-fill: #D4A44612;
  --mora-gold-fill-strong: #D4A4461A;
  --mora-gold-edge: #D4A44624;
  --mora-gold-border: #D4A44647;
  --mora-gold-border-strong: #D4A44652;
  --mora-warn-fill: #C96A4A38;
  --mora-warn-border: #C96A4A3D;
  --mora-hair-faint: #94A3B814;
  --mora-hair-soft: #94A3B824;
  --mora-rail-soft: #94A3B83D;
  --mora-honey-op: 0.16;

  --mora-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --mora-font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --mora-display-hold-clock: 78px;
  --mora-display-rest-clock: 64px;
  --mora-display-breath-count: 64px;
  --mora-display-hr: 88px;
  --mora-label-tracking-min: 0.1em;
  --mora-label-tracking-max: 0.2em;
}

[data-theme="light"] {
  --mora-page: #E9E4D8;
  --mora-bg: #F7F4EC;
  --mora-card: #FFFDF7;
  --mora-ink: #0C0F15;
  --mora-muted: #5C6470;
  --mora-hair: #0C0F1526;
  --mora-ring: #0C0F1514;
  --mora-rail: #0C0F154D;
  --mora-gold: #8F6C1E;
  --mora-gold-soft: #8F6C1E80;
  --mora-poly: #0C0F15;
  --mora-poly-fill: #0C0F1512;
  --mora-warn: #A2472A;
  --mora-warn-soft: #A2472A80;
  --mora-scrim-none: #E9E4D800;
  --mora-scrim-top: #E9E4D8B8;
  --mora-scrim-bottom: #E9E4D8DB;
  --mora-header-veil: #F7F4ECF0;
  --mora-gold-wash: #8F6C1E08;
  --mora-gold-tint: #8F6C1E0D;
  --mora-gold-fill: #8F6C1E12;
  --mora-gold-fill-strong: #8F6C1E1A;
  --mora-gold-edge: #8F6C1E24;
  --mora-gold-border: #8F6C1E47;
  --mora-gold-border-strong: #8F6C1E52;
  --mora-warn-fill: #A2472A38;
  --mora-warn-border: #A2472A3D;
  --mora-hair-faint: #0C0F1514;
  --mora-hair-soft: #0C0F1524;
  --mora-rail-soft: #0C0F153D;
  --mora-honey-op: 0.11;
}

/* Dark is the product default. Light applies only on an explicit [data-theme="light"]
   opt-in — never from the OS preference alone (mora is dark-first, OLED-first). */