/* The tokens, as the drawings see them — GENERATED by tool/build_tokens_css.py.

   A drawing may not write a value. It says `var(--content-subtle)` and
   inherits, exactly as a widget says `colors.contentSubtle` and inherits.
   The drawing and the code then cannot drift, and a second product changes
   ONE file instead of four thousand literals.

   Generated from the Dart and never hand-kept: two copies of a palette is
   two places to be wrong, which is the defect this whole system is about.

   A product overrides tokens and nothing else, in its own
   `apps/<product>/design/tokens.css`, loaded after this one. */
:root {
  /* colour · the semantic tier, dark */
  --background: #0B0E13;
  --surface: #12161C;
  --surface-raised: #1B222C;
  --surface-sunken: #0B0E13;
  --surface-inverse: #EEF0F4;
  --content: #EEF0F4;
  --content-muted: #9AA2B1;
  --content-subtle: #838B9C;
  --on-inverse: #12161C;
  --border: #1F242E;
  --outline: #2A313D;
  --track: #2A313D;
  --grabber: #4E535E;
  --border-strong: #838B9C;
  --field-border: #616773;
  --divider: #1B222C;
  --focus-ring: #74A6FF;
  --glass: #FFFFFF0e;
  --glass-border: #FFFFFF17;
  --overlay: #000000b3;
  --media: #16130F;
  --on-media: #FFFFFF;
  --on-media-muted: #FFFFFFcc;
  --on-media-soft: #FFFFFFa0;
  --on-media-faint: #FFFFFF40;
  --shadow: #000000;
  --disabled-surface: #1B222C;
  --disabled-content: #535965;

  /* tone · what a tone speaks in, on a neutral surface */
  --secondary: #4FDDA1;
  --tertiary: #A983F1;
  --neutral: #9AA2B1;
  --success: #5FCB88;
  --warning: #F6C55A;
  --danger: #F08A8A;
  --info: #6FB6F4;

  /* platform · tervo.health only, the V alone (ADR-0020) */
  --platform: #567BF7;

  /* spacing */
  --space-0: 0.0px;
  --space-2: 2.0px;
  --space-4: 4.0px;
  --space-8: 8.0px;
  --space-12: 12.0px;
  --space-16: 16.0px;
  --space-20: 20.0px;
  --space-24: 24.0px;
  --space-32: 32.0px;
  --space-40: 40.0px;
  --space-48: 48.0px;
  --space-56: 56.0px;
  --space-64: 64.0px;
  --space-80: 80.0px;
  --space-96: 96.0px;
  --space-120: 120.0px;

  /* radii */
  --radius-0: 0.0px;
  --radius-4: 4.0px;
  --radius-6: 6.0px;
  --radius-10: 10.0px;
  --radius-14: 14.0px;
  --radius-18: 18.0px;
  --radius-20: 20.0px;
  --radius-28: 28.0px;

  /* type */
  --type-2xs: 11.0px;
  --type-xs: 12.0px;
  --type-sm: 13.0px;
  --type-md: 15.0px;
  --type-lg: 17.0px;
  --type-xl: 20.0px;
  --type-2xl: 24.0px;
  --type-3xl: 30.0px;
  --type-4xl: 38.0px;
  --type-5xl: 48.0px;
  --type-6xl: 88.0px;

  /* blur */
  --blur-0: 0.0px;
  --blur-4: 4.0px;
  --blur-12: 12.0px;
  --blur-24: 24.0px;

  /* control sizes */
  --control-28: 28.0px;
  --control-32: 32.0px;
  --control-40: 40.0px;
  --control-48: 48.0px;
  --control-56: 56.0px;

  /* icon sizes */
  --icon-14: 14.0px;
  --icon-18: 18.0px;
  --icon-22: 22.0px;
  --icon-24: 24.0px;
  --icon-28: 28.0px;
  --icon-36: 36.0px;

  /* the accent wash */
  --wash-near: 19%;
  --wash-far: 14%;

  /* the kit's ground — read from this product, never chosen */
  --kit-canvas: #0B0E13;
  --kit-surface: #12161C;
  --kit-ink: #EEF0F4;
  --kit-ink-2: #9AA2B1;
  --kit-ink-3: #838B9C;
  --kit-ink-4: #2A313D;
  --kit-rule: #2A313D;
  --kit-rule-soft: #1F242E;
  --kit-phone-w: 390px;
  --kit-phone-h: 844px;
  --kit-safe-bottom: 17px;
  --kit-gutter: 20px;
}

@media (prefers-color-scheme: light) {
  /* GENERATED — the products are pinned dark, so the boards are too.
     This block exists to outrank the kit's own light fallback, not to
     translate anything: the values are the dark set, repeated. Every
     name the kit flips is here, annotations included — the ground alone
     left the marks going light over a ground that no longer moved. */
  :root {
    --kit-canvas: #0B0E13;
    --kit-surface: #12161C;
    --kit-ink: #EEF0F4;
    --kit-ink-2: #9AA2B1;
    --kit-ink-3: #838B9C;
    --kit-ink-4: #2A313D;
    --kit-rule: #2A313D;
    --kit-rule-soft: #1F242E;
    --kit-mark: #5B6472;
    --kit-mark-rest: #39424F;
    --kit-mark-hot: #C7CDD8;
    --kit-tip-bg: #161B23;
    --kit-tip-ink: #C7CDD8;
    --kit-tip-rule: #5B6472;
    --kit-chrome: #11161E;
    --kit-warn: #B9924B;
    --kit-warn-rule: #5B4A2A;
    --kit-drift: #4C6FD1;
    --kit-drift-rule: #2C3F73;
    --kit-miss: #E5484D;
    --kit-miss-rule: #6B2B2E;
  }
}