/* KIG design tokens — do not hardcode colours/type/spacing elsewhere; add a token here instead. */

@font-face {
  font-family: "TT Norms";
  src: url("../fonts/TT Norms/TTNorms-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("../fonts/TT Norms/TTNorms-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("../fonts/TT Norms/TTNorms-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url("../fonts/TT Norms/TTNorms-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand — sampled directly from the official KIG logo (kig-logo.png), not invented:
     navy #1a2146, gold #edb558, light blue #c3def5/#9fcff0, mid blue #455698/#556ba6,
     green #90a955, orange/red accent #e1604a. */
  --c-navy-900: #0e1530;
  --c-navy-800: #1a2146;
  --c-navy-700: #2a3468;
  --c-blue-600: #455698;
  --c-blue-500: #556ba6;
  --c-sky-100: #e8f2fc;
  --c-sky-200: #c3def5;
  --c-sky-300: #9fcff0;
  --c-gold: #edb558;
  --c-gold-dark: #c98a12;
  --c-green: #90a955;
  --c-green-dark: #6c8340;
  --c-accent-red: #e1604a;

  --c-ink: #1c2430;
  --c-muted: #5b6472;
  --c-faint: #8b94a3;
  --c-bg: #ffffff;
  --c-bg-alt: #f5f7fa;
  --c-bg-raised: #ffffff;
  --c-border: #dde3ea;
  --c-border-strong: #b9c3d0;

  --c-water: var(--c-blue-600);
  --c-wastewater: var(--c-green-dark);
  --c-electrical: var(--c-gold-dark);
  --c-roads: var(--c-accent-red);
  --c-general: #6b6f76;
  --c-solid-waste: #7a5230;

  --c-status-completed: #1f7a4d;
  --c-status-inprogress: #b4790a;
  --c-status-planned: #445573;
  --c-status-monitoring: #6b5b95;
  --c-status-escalated: #a3401f;
  --c-status-unknown: #6b7280;

  --c-focus: #1456c9;

  --font-heading: "TT Norms", "Segoe UI", Arial, sans-serif;
  --font-body: "Lato", "Segoe UI", Arial, sans-serif;
  --font-script: "Caveat", "Segoe Script", cursive;

  --fs-h1: clamp(2.1rem, 1.6rem + 2vw, 3.2rem);
  --fs-h2: clamp(1.6rem, 1.35rem + 1vw, 2.2rem);
  --fs-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --radius-sm: 3px;
  --radius-md: 6px;
  --container-w: 1200px;
  --shadow-card: 0 1px 2px rgba(11, 26, 48, 0.06), 0 4px 16px rgba(11, 26, 48, 0.06);

  /* This site deliberately commits to a single light look: an institutional
     donor/funder site built around a fixed brand palette (sampled from the
     official KIG logo) reads better as a consistent, print-report-like
     light theme than a partial dark mode, so no dark overrides are defined. */
  color-scheme: light;
}