/* Design tokens. Every colour in the app comes from here; screens must not hard-code colours. */
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
}
:root {
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* brand: deep royal blue, emerald green, warm gold (docs/brand/branding-kit.webp) */
  --primary-50: #e8eef7; --primary-100: #c8d6ec; --primary-500: #2a5fae; --primary-600: #0c356d; --primary-700: #082a58; --primary-900: #051a39;
  --primary: var(--primary-600); --primary-hover: var(--primary-700); --on-primary: #ffffff;
  --primary-soft: var(--primary-50); --primary-soft-text: var(--primary-700);
  --accent: #cda24c; --accent-hover: #b88a32; --on-accent: #14212b;

  /* the logo artwork has white cut-outs, so it always sits on white (both themes) */
  --logo-bg: #ffffff;

  /* neutrals */
  --bg: #f5f7f8; --surface: #ffffff; --surface-2: #eef2f3; --border: #dfe5e8; --border-strong: #c6d0d5;
  --text: #14212b; --muted: #5d6c78;

  /* status: solid text + flat tint */
  --success: #0b6e49; --success-bg: #e1f3ea; --warning: #8a5a0c; --warning-bg: #fbefd5;
  --danger: #c53030; --danger-bg: #fce8e8; --info: #2b6cb0; --info-bg: #e5eefa;

  /* chart categorical set */
  --chart-1: #0c356d; --chart-2: #ad8228; --chart-3: #108e62; --chart-4: #c2566b; --chart-5: #3b6ea8; --chart-6: #6b7a86; --chart-7: #8b5fbf; --chart-8: #2e8f9e; --chart-9: #c97a2b; --chart-10: #4f9a4b;

  /* shape + space */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;
  --pop-shadow: 0 8px 24px rgba(20, 33, 43, .14);
  --focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--primary);
  --sidebar-w: 256px; --t: 150ms ease;
}
:root[data-theme="dark"] {
  --primary: #7fa6e6; --primary-hover: #9dbdf0; --on-primary: #07182f;
  --primary-soft: #14263f; --primary-soft-text: #a9c4f0;
  --accent: #e0b862; --accent-hover: #ecc982;
  --bg: #0b1320; --surface: #131c2a; --surface-2: #1a2536; --border: #26344a; --border-strong: #35475f;
  --text: #e6edf5; --muted: #93a3b8;
  --success: #4cc79b; --success-bg: #11302a; --warning: #f0b157; --warning-bg: #3a2a0f;
  --danger: #f08a8a; --danger-bg: #3a1a1a; --info: #7fb2ea; --info-bg: #14263d;
  --chart-1: #7fa6e6; --chart-2: #e0b862; --chart-3: #4cc79b; --chart-4: #e083a0; --chart-5: #6f9fd6; --chart-6: #93a5ad; --chart-7: #b18be0; --chart-8: #5cc3d1; --chart-9: #e8a35f; --chart-10: #86c985;
  --pop-shadow: 0 8px 24px rgba(0, 0, 0, .5);
  --focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--primary);
}