/* CamTrust design tokens — "civic-tech dark" theme. Loaded before app.css. */

@font-face {
  font-family: "Space Grotesk";
  src: url("/static/fonts/space-grotesk-latin-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/static/fonts/space-grotesk-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Ink scale (navy) — top bar, page bands, standout cards. */
  --ink-900: #0b1a2b;
  --ink-800: #11263d;
  --ink-700: #1d3754;
  --ink-600: #2c4a6b;
  --on-dark: #e8eef4;
  --on-dark-muted: #9fb1c4;

  /* Cameroon flag colours; green doubles as the action colour. */
  --green: #007a3d;
  --green-600: #00652f;
  --green-400: #2bb673;
  --red: #ce1126;
  --yellow: #fcd116;
  --amber: #b8860b;
  --amber-bg: #fff6dc;
  --green-bg: #e6f5ec;
  --red-bg: #fbe6e8;

  /* Light surfaces. */
  --surface: #eef2f5;
  --card-bg: #ffffff;
  --ink: #142231;
  --muted: #5a6878;
  --border: #d6dee6;
  --bg: #f5f8fa;
  --focus: #1a73e8;

  --tricolor: linear-gradient(90deg, var(--green) 0 33.33%, var(--red) 33.33% 66.66%, var(--yellow) 66.66% 100%);

  --shadow-1: 0 1px 2px rgba(11, 26, 43, 0.06), 0 4px 14px rgba(11, 26, 43, 0.06);
  --shadow-2: 0 2px 4px rgba(11, 26, 43, 0.08), 0 12px 28px rgba(11, 26, 43, 0.12);

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --radius: var(--r-md);
  --gap: 16px;

  --font-display: "Space Grotesk", "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --header-h: 64px;
  --tabbar-h: 64px;
}