:root {
  /* Typography */
  --font-display: "Hanken Grotesque", "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Hanken Grotesk", ui-monospace, monospace;
  --font-brand-accent: "Righteous", "Hanken Grotesk", sans-serif;

  /* Core palette: civic slate-blue, paper white, quiet operational surfaces. */
  --color-civic: #3a4a78;
  --color-civic-deep: #222d4d;
  --color-civic-soft: #e7e9f2;
  --color-signal-amber: #b07410;
  --color-danger: #8a2b2b;

  --color-ink: #1a1c22;
  --color-muted: #5a6170;
  --color-faint: #8b90a0;
  --color-bg: #ffffff;
  --color-panel: #f4f5f8;
  --color-card: #ffffff;
  --color-line: #e6e8ef;
  --color-line-strong: #d4d8e2;

  /* Shape and depth */
  --radius-xs: 7px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 999px;
  --shadow-float: 0 24px 60px -28px rgba(23, 32, 27, 0.30);
  --shadow-dashboard: 0 34px 80px -46px rgba(26, 28, 34, 0.55);
  --shadow-card-hover: 0 16px 34px -20px rgba(26, 28, 34, 0.40);

  /* Layout and rhythm */
  --layout-max: 1140px;
  --space-page-x: clamp(18px, 5vw, 28px);
  --space-section-y: clamp(42px, 12vw, 72px);
  --space-section-y-compact: clamp(28px, 8vw, 48px);
  --space-touch-target: 48px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --density-compact: 0.8;
  --density-regular: 1;
  --density-comfy: 1.26;
}

html.a11y-contrast {
  --color-bg: #ffffff;
  --color-panel: #eef0f5;
  --color-ink: #0c0e14;
  --color-muted: #2c303b;
  --color-line: #aab0c0;
  --color-line-strong: #7f8597;
  --color-civic: #2a3a66;
  --color-civic-deep: #161f3a;
}