/**
 * Brand tokens — dark base, greyscale type, green accent.
 * See ../../brand-concepts.md (workspace) and assets/brand/.
 * Use --ash* for borders; --mist / --text-muted for secondary type.
 */
:root {
  color-scheme: dark;

  --black: #000000;
  --ink: #0a0a0a;
  --ink-raised: #141414;

  /* Structure — borders and dividers only, not readable text. */
  --ash: #2a2a2a;
  --ash-strong: #454545;

  /* Type — tuned for WCAG AA on --black (4.5:1+ normal, 3:1+ large). */
  --paper: #f0f0f0;
  --white: #ffffff;
  --mist: #b8b8b8;
  --text-muted: #999999;

  /* Accent — foliage green (links, success); red for errors. */
  --green: #78c878;
  --green-bright: #9add9a;
  --green-dim: #5fa85f;
  --red: #f08888;
  --red-bright: #ffb3b3;

  --link: var(--green);
  --link-hover: var(--green-bright);
  --success: var(--green);
  --error: var(--red);

  /* Generic / system stacks only — no hosted or CDN fonts. */
  --font-display: Impact, Haettenschweiler, "Arial Black", sans-serif;
  --font-body: system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  --measure: 40rem;
  --page-max: 72rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 480ms;
}