/* EagleDesk merktokens, logo E met rode adelaar (PREVIEW, 28 okt 2026)
   Twee lagen:
   1. Merk (--ed-*): vast, voor site, login, facturen, "powered by". Nooit door een klant te overschrijven.
   2. Product (--brand, --ui-*): de standaardwaarden van het dashboard. White-label klanten overschrijven deze laag.
   Regel: ember is schaars. Alleen het oog, de focusring, een live-stip en hooguit één accent per scherm.
   Nooit op bedragen of KPI-waarden; verlies heeft een eigen roze-rood. */

:root {
  /* Merk: donker (standaard) */
  --ed-bg: #0c0c0d;          /* houtskool */
  --ed-surface: #151517;
  --ed-surface-2: #1c1c1f;
  --ed-line: #2a2a2e;
  --ed-text: #f2f0ed;        /* bot */
  --ed-muted: #9b98a0;       /* as */
  --ed-ember: #ff3d2e;       /* adelaar-rood uit het logo; de enige merkkleur rood (besluit 28 okt 2026) */
  --ed-ember-deep: #c8261b;  /* ember op lichte achtergrond en onder witte tekst */
  --ed-beak: #c9c4bb;
  --ed-pos: #46d483;
  --ed-neg: #ff6b81;
  --ed-warn: #ffb547;
  --ed-info: #7fb8ff;

  /* Neutrale schaal (10 stappen) */
  --ed-n-950: #0c0c0d; --ed-n-900: #151517; --ed-n-850: #1c1c1f; --ed-n-800: #2a2a2e; --ed-n-700: #3d3c42;
  --ed-n-600: #5d5a62; --ed-n-500: #7b7880; --ed-n-400: #9b98a0; --ed-n-200: #ddd9d2; --ed-n-50: #f2f0ed;

  /* Typografie */
  --ed-font-display: "Montserrat", "Arial Black", system-ui, sans-serif;
  --ed-font-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ed-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Product (white-label laag, standaard = EagleDesk) */
  --brand: var(--ed-ember);
  --ui-bg: var(--ed-surface);
  --ui-card: var(--ed-surface-2);
  --ui-line: var(--ed-line);
  --ui-text: var(--ed-text);
  --ui-muted: var(--ed-muted);
  --ui-pos: var(--ed-pos);
  --ui-neg: var(--ed-neg);
}

/* Licht: eigen accenttinten, omdat de felle varianten op licht geen contrast halen */
:root[data-theme="light"] {
  --ed-bg: #f4f2ee;
  --ed-surface: #ffffff;
  --ed-surface-2: #faf9f6;
  --ed-line: #ddd9d2;
  --ed-text: #121214;
  --ed-muted: #5d5a62;
  --ed-ember: #c8261b;
  --ed-beak: #121214;
  --ed-pos: #0f7a43;
  --ed-neg: #c2253f;
  --ed-warn: #9a5b00;
  --ed-info: #1f5fbf;
}

/* Tailwind v4: plak dit in src/index.css van de site (vervangt het lime-blok) */
/*
@theme {
  --font-display: "Montserrat", "Arial Black", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --color-coal: #0c0c0d;
  --color-coal-2: #151517;
  --color-ink: #f2f0ed;
  --color-paper: #f4f2ee;
  --color-brand: #ff3d2e;
  --color-bone: #f2f0ed;
  --color-ash: #9b98a0;
  --color-mute: #9b98a0;
  --color-line: #2a2a2e;
  --color-border: #2a2a2e;
  --color-card: #151517;
  --color-primary: #f2f0ed;
  --color-background: #0c0c0d;
}
*/

/* Overzetten in os-site (oud wordt nieuw)
   --color-coal      #0b0c0b wordt #0c0c0d
   --color-coal-2    #121412 wordt #151517
   --color-ink       #f3f2ec wordt #f2f0ed
   --color-paper     #f1efe7 wordt #f4f2ee
   --color-lime      #c6f432 wordt vervalt, wordt --color-brand #ff3d2e (alleen accent, nooit vlakken)
   --color-moss      #3d5c00 wordt vervalt, licht accent wordt #c8261b
   --color-mute      #a3a69f wordt #9b98a0
   --color-line      #262925 wordt #2a2a2e
   --color-card      #151815 wordt #151517
   --color-primary   #c6f432 wordt #f2f0ed (knoppen worden bot met houtskool tekst)
   --ui-pos          #c6f432 wordt #46d483
   --ui-neg          #ff7a59 wordt #ff6b81
   --font-display    Bricolage Grotesque wordt Montserrat (fontlink: Montserrat:wght@600..800)
   Eerst alle hardcoded lime (#c6f432, bg-lime, text-lime) vervangen door var(--brand) of de Tailwind-kleur brand;
   daarna is de wissel tien regels. */