/* Design tokens. Every colour, spacing value and type size lives here as a --patina-* property.
   app.css uses only these; tests/unit/css-tokens.test.js fails on any literal value there. */
:root {
  /* Type */
  --patina-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --patina-font-mono: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
  --patina-size-small: 0.875rem;
  --patina-size-body: 1rem;
  --patina-size-code: 0.9375rem;
  --patina-size-h4: 1rem;
  --patina-size-h3: 1.125rem;
  --patina-size-h2: 1.375rem;
  --patina-size-title: 1.5rem;
  --patina-line-height: 1.5;
  --patina-line-height-tight: 1.25;
  --patina-weight-strong: 600;

  /* Colour */
  --patina-color-bg: #fbfaf7;
  --patina-color-surface: #ffffff;
  --patina-color-text: #1d1d1b;
  --patina-color-muted: #5c5a55;
  --patina-color-border: #d8d4cb;
  --patina-color-border-strong: #8f8a80;
  --patina-color-link: #1f4f99;
  --patina-color-focus: #1f5fbf;
  --patina-color-button-bg: #2a4a3f;
  --patina-color-button-text: #ffffff;
  --patina-color-button-secondary-bg: #ffffff;
  --patina-color-button-secondary-text: #2a4a3f;
  --patina-color-danger-bg: #9b2c2c;
  --patina-color-danger-text: #ffffff;
  --patina-color-disabled: #e9e6df;
  --patina-color-code-bg: #f1eee7;
  --patina-color-flag-bg: #e9e6df;
  --patina-color-correct-bg: #e8f3ea;
  --patina-color-correct-border: #2f7a43;
  --patina-color-incorrect-bg: #fbeceb;
  --patina-color-incorrect-border: #a23a33;
  --patina-color-warning-bg: #fff4d6;
  --patina-color-warning-border: #8a6100;

  /* Space and shape */
  --patina-space-1: 0.25rem;
  --patina-space-2: 0.5rem;
  --patina-space-3: 1rem;
  --patina-space-4: 1.5rem;
  --patina-space-5: 2rem;
  --patina-radius: 4px;
  --patina-border-width: 1px;
  --patina-accent-width: 4px;
  --patina-focus-width: 3px;
  --patina-focus-offset: 2px;
  --patina-content-width: 48rem;
  --patina-input-width: 24rem;
  --patina-indent-step: 2rem;
  --patina-full: 100%;
  --patina-clip-hidden: inset(50%);
}