/* Option F: Voice First × Hi-Vis. Generated by redesign/tools/tokens.mjs. Do not edit by hand. */

/* Colour: dark first. [data-theme] on any element scopes a mode (used by the theme switch and the moodboards). */
:root, [data-theme="dark"] {
  --bg: #121315;
  --surface: #1c1d20;
  --sunken: #0c0d0e;
  --ink: #f1f1ee;
  --muted: #a5a8ad;
  --border: #2e3034;
  --control: #8b8f96;
  --primary: #ffd60a;
  --on-primary: #121315;
  --accent: #ffd60a;
  --on-accent: #121315;
  --band: #1c1d20;
  --on-band: #f1f1ee;
  --on-band-muted: #a5a8ad;
  --success: #4cc16a;
  --on-success: #0c0d0e;
  --warning: #ffd60a;
  --on-warning: #121315;
  --danger: #ff6b5e;
  --on-danger: #121315;
  --urgent: #ff6b5e;
  --on-urgent: #121315;
  --info: #f1f1ee;
  --on-info: #121315;
  --focus: #ffd60a;
  --tape: #6b6e74;
  --wave: #ffd60a;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #efede6;
    --surface: #f8f7f3;
    --sunken: #e3e0d6;
    --ink: #15171a;
    --muted: #52554f;
    --border: #d6d2c6;
    --control: #64665f;
    --primary: #ffd60a;
    --on-primary: #15171a;
    --accent: #ffd60a;
    --on-accent: #15171a;
    --band: #15171a;
    --on-band: #f1f1ee;
    --on-band-muted: #b9bcc1;
    --success: #1f7a35;
    --on-success: #ffffff;
    --warning: #ffd60a;
    --on-warning: #15171a;
    --danger: #b3261e;
    --on-danger: #ffffff;
    --urgent: #b3261e;
    --on-urgent: #ffffff;
    --info: #15171a;
    --on-info: #f1f1ee;
    --focus: #15171a;
    --tape: #c9cbcf;
    --wave: #15171a;
    color-scheme: light;
  }
}
[data-theme="light"] {
  --bg: #efede6;
  --surface: #f8f7f3;
  --sunken: #e3e0d6;
  --ink: #15171a;
  --muted: #52554f;
  --border: #d6d2c6;
  --control: #64665f;
  --primary: #ffd60a;
  --on-primary: #15171a;
  --accent: #ffd60a;
  --on-accent: #15171a;
  --band: #15171a;
  --on-band: #f1f1ee;
  --on-band-muted: #b9bcc1;
  --success: #1f7a35;
  --on-success: #ffffff;
  --warning: #ffd60a;
  --on-warning: #15171a;
  --danger: #b3261e;
  --on-danger: #ffffff;
  --urgent: #b3261e;
  --on-urgent: #ffffff;
  --info: #15171a;
  --on-info: #f1f1ee;
  --focus: #15171a;
  --tape: #c9cbcf;
  --wave: #15171a;
  color-scheme: light;
}

:root {
  /* Type */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-text: 'Bricolage Grotesque', system-ui, sans-serif;
  --display-weight: 700;
  --display-stretch: normal;
  --display-case: none;
  --display-tracking: -0.035em;
  --display-leading: 0.95;
  --text-size: 1.125rem;
  --text-leading: 1.55;
  --strong-weight: 600;
  --step-n1: 0.9375rem;
  --step-0: 1.125rem;
  --step-1: 1.375rem;
  --step-2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --step-3: clamp(2.125rem, 1.5rem + 3.4vw, 5rem);
  --step-4: clamp(2.5rem, 1.6rem + 5.4vw, 6.75rem);

  /* Space (shared rhythm, 4px base) */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2rem;
  --space-xl: 3rem;
  --space-2xl: clamp(4rem, 2.5rem + 5vw, 7.5rem);
  --gutter: max(1rem, env(safe-area-inset-left, 0px));
  --max: 76rem;
  --measure: 62ch;

  /* Shape */
  --radius-s: 8px;
  --radius-m: 18px;
  --radius-l: 28px;
  --radius-button: 999px;
  --border-w: 1.5px;
  --button-h: 3.25rem;
  --target: 2.75rem;

  /* Shadow: only on things that float (menus, sheets, dialogs, toasts). Nothing at rest. */
  --shadow-float: 0 1rem 2.5rem -0.75rem rgb(0 0 0 / 0.35), 0 0.25rem 0.75rem rgb(0 0 0 / 0.12);

  /* Motion. Reduced-motion users get the end state with no travel (see shared/base.css). */
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 520ms;
  --ease: cubic-bezier(.16,1,.3,1);

  /* Breakpoints (for reference; media queries can't read custom properties):
     base 360 · phone-l 26.875rem (430) · tablet 48rem (768) · laptop 80rem (1280) · wide 90rem (1440) */
}