/* Signal Clarity design tokens.
   Color language is taken from the instrument itself: teal-steel for the brand, the
   QuickCheck green and red for status, used with restraint. See
   plans/02-design-system-and-theming.md. */
:root {
  /* Brand */
  --ink: #102A33;
  --ink-muted: #47606B;
  --ink-faint: #586F79;   /* 4.6:1 or better on every surface token below */
  --brand: #0C6B74;
  --brand-deep: #084851;
  --brand-darker: #063A42;
  --brand-soft: #D7EBEE;
  --brand-tint: #EAF4F5;

  /* Product signal language */
  --signal-ok: #147F58;
  --signal-ok-soft: #DCF2E8;
  --signal-alert: #B7332F;
  --signal-alert-soft: #FAE7E5;

  /* Surfaces */
  --bg: #F2F6F7;
  --bg-tint: #E9F1F3;
  --bg-elevated: #FFFFFF;
  --line: #CBD9DE;
  --line-soft: #E1EAED;
  --white: #FFFFFF;

  /* Accents */
  --craft: #8A6B3E;
  --focus: #0C6B74;
  --link: #0A5F68;
  --logo-red: #BD0411;

  --shadow-1: 0 1px 2px rgb(16 42 51 / 6%), 0 10px 26px rgb(16 42 51 / 7%);
  --shadow-2: 0 2px 4px rgb(16 42 51 / 8%), 0 18px 44px rgb(16 42 51 / 12%);

  --radius: 8px;
  --radius-sm: 5px;
  --header-h: 4.5rem;

  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  --max: 74rem;
  --max-text: 42rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Vertical rhythm: one scale, used everywhere, so sections cannot drift apart. */
  --space-section: clamp(3.5rem, 6vw, 5.5rem);
  --space-section-tight: clamp(2.25rem, 4vw, 3.25rem);
  --gap: clamp(1.25rem, 2.5vw, 2rem);
}