/* record:start. generated by tokens-from-record.mjs from the catalog record; change the record, then regenerate */
:root {
  --bg: #16162A;
  --surface: #211F3A;
  --ink: #F1F0FA;
  --muted: #AFAECB;
  --accent: #F6DA5C;
  --accent-ink: #1E1A05;
  --font-display-stack: "Kumbh Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body-stack: "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
  --radius: 12px; /* record: 12px cards, 10px tiles, 8px controls */
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F7F6FC;
    --surface: #FFFFFF;
    --ink: #1D1B33;
    --muted: #63617F;
    --accent: #5B3FD6;
    --accent-ink: #FFFFFF;
  }
}

:root[data-theme="light"] {
  --bg: #F7F6FC;
  --surface: #FFFFFF;
  --ink: #1D1B33;
  --muted: #63617F;
  --accent: #5B3FD6;
  --accent-ink: #FFFFFF;
}

:root[data-theme="dark"] {
  --bg: #16162A;
  --surface: #211F3A;
  --ink: #F1F0FA;
  --muted: #AFAECB;
  --accent: #F6DA5C;
  --accent-ink: #1E1A05;
}
/* record:end */

/* derived tokens: the six roles, the two font stacks and the base radius above come from the
   catalog record (specs/app-inventory/morse.md in calabrodesign); everything below is derived
   from them and survives a regeneration. Family Drill, density airy, flat surfaces. */
:root {
  --border: #33305A;
  --raised: #2B2850;
  --raised-edge: #0F0E1F;
  --focus: var(--accent);
  --success: #63D9A0;
  --danger: #FF8E8E;
  --heat-ink: #14122A;
  --mark: #6C6A99;
  --ambient: 0 8px 24px rgba(4, 3, 14, 0.5);

  --font-display: var(--font-display-stack);
  --font-body: var(--font-body-stack);

  --radius-lg: var(--radius);
  --radius-tile: 10px;
  --radius-control: 8px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 20px;
  --space-5: 32px;
  --space-6: 48px;

  --tap-min: 44px;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --border: #DAD7EC;
    --raised: #FFFFFF;
    --raised-edge: #C9C5E3;
    --success: #12704A;
    --danger: #B42318;
    --mark: #7A77A6;
    --ambient: 0 8px 24px rgba(29, 27, 51, 0.12);
    color-scheme: light;
  }
}

:root[data-theme="light"] {
  --border: #DAD7EC;
  --raised: #FFFFFF;
  --raised-edge: #C9C5E3;
  --success: #12704A;
  --danger: #B42318;
  --mark: #7A77A6;
  --ambient: 0 8px 24px rgba(29, 27, 51, 0.12);
  color-scheme: light;
}