/* Design tokens: owned by the Designer.
   Palette: "trust and keys" - deep navy ink, steady blue for identity, teal for healthy/valid, amber for
   expiring secrets and warnings, plum for tokens. Cool paper background.
   Contrast (WCAG AA) on --color-bg: text 15:1, muted 7.6:1, accent 6.4:1, teal 5.7:1, amber 5.6:1, plum 7:1;
   white on accent 6.4:1.
   Type: system fonts only. Headings use the system sans at heavier weight for a clean admin-console feel,
   body uses the system sans, identifiers, IDs and commands use the system monospace. Scale is 1.25. */
:root {
  --color-bg: #f6f8fc;
  --color-surface: #ffffff;
  --color-surface-alt: #e6edf8;
  --color-border: #c6d2e5;
  --color-text: #12203b;
  --color-muted: #44516b;
  --color-accent: #1d4ed8;
  --color-accent-contrast: #ffffff;
  --color-teal: #0b6f6a;
  --color-amber: #8a5a00;
  --color-plum: #6b2a8a;
  --color-dark-bg: #0e1a36;
  --color-dark-text: #eaf0ff;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --weight-heading: 700;

  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.563rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-3xl: 3.052rem;
  --leading-tight: 1.2;
  --leading-body: 1.6;

  --space: 1rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 16px;
  --shadow: 0 2px 10px rgba(18, 32, 59, 0.12);
  --max-width: 68rem;
}