/* Design tokens. AuthKit's own pages link this file too (/assets/css/tokens.css),
   so the --color-*, --radius-* and --font-sans names are a shared contract.
   Brand colours are layered on top by the generated /brand/brand.css. */
:root {
  color-scheme: light;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius-sm: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --color-bg: #faf6f0;
  --color-bg-wash: #f1ebe2;
  --color-surface: #ffffff;
  --color-border: #e2d9cc;
  --color-text: #26211c;
  --color-text-muted: #7b7268;
  --color-accent-strong: #8a4b1f;
  --color-accent-strong-hover: #713d19;
  --color-danger: #c0392b;
  --color-success: #2e8b57;
  --color-warning: #c98a12;

  --brand: #8a4b1f;
  --brand-ink: #ffffff;
  --brand-dark: #713d19;
  --brand-soft: #f3ebe4;
}