/* Huisstijl b9-platform — kennisdocument 05.
   ALLE kleuren staan hier, als CSS-variabelen. Nergens anders in deze repo
   staat nog een kleurcode. Wie een kleur nodig heeft, gebruikt var(--...). */

:root {
  /* Merk */
  --brand-primary: #FFC000;
  --brand-primary-hover: #E8A100;
  --brand-dark: #14120C;

  /* Vlakken */
  --surface: #FFFBF2;
  --surface-raised: #FFFFFF;
  --surface-accent: #FFF2CC;

  /* Tekst */
  --text: #14120C;
  --text-muted: #6B6455;

  /* Lijnen */
  --border: #E8DCC0;
  --border-strong: #DDD2B8;

  /* Status */
  --success: #2E7D4F;
  --warning: #B26A00;
  --danger: #A32D2D;

  /* Utilities (fase 2: grafieken per nutsvoorziening) */
  --util-water: #2E8FB0;
  --util-elec: #E8A100;
  --util-elec-inject: #6BA644;
  --util-gas: #7C6BD1;
  --util-heat: #C0392B;

  /* Afgeleide rollen. Amber is NOOIT tekstkleur, enkel vulkleur met
     brand-dark erop. */
  --on-brand: var(--brand-dark);
  --focus-ring: var(--brand-dark);

  /* Maatvoering */
  --radius: 8px;
  --radius-card: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Systeemstapel. Er wordt niets geladen van Google Fonts of enige andere
     externe CDN. Zilla Slab en Inter komen later, zelf gehost. */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif;
}