/* Brand layer — nine roles, one accent. Source of truth: shifler-tokens.css
   (Dropbox copy of this system) + README-design-system.md, both supplied by the user.
   RULE 1: brand color lives in chrome (header/sidebar/footer/hero/panel, 1px hairline),
   never in a row, cell, chip, figure or glyph.
   RULE 2: accent-action is action only — filled action ≥32px, 2px selection/focus ring,
   or the logo's center bar. Nowhere else, and never as status. */
:root{
  --brand-primary:#1F242E;
  --brand-dark:#12161C;
  --accent-action:#2743E3;

  --ink:#151B24;
  --muted:#646E7C;
  --line:#DFE3E9;
  --surface:#FFFFFF;
  --bg-canvas:#F3F5F8;

  --muted-on-dark:#9BA6C4;
  --line-on-dark:#333A48;

  --data-positive:#1F6B31;
  --data-negative:#B02418;

  --text-body:var(--ink);
  --text-muted:var(--muted);
  --text-on-dark:#F1F1EE;
  --text-muted-on-dark:var(--muted-on-dark);
  --surface-card:var(--surface);
  --surface-canvas:var(--bg-canvas);
  --border-default:var(--line);
  --border-on-dark:var(--line-on-dark);
  --link-color:var(--ink);
  --link-hover-color:var(--accent-action);
}

/* ---------- STATUS LAYER — reference only, frozen, NOT Shifler's to change ----------
   Verified from the app's own status-kleur.ts / mutatie.ts / timesheets/state.ts /
   bundel-status.ts naming and direction; exact hexes are INDICATIVE because
   src/app/globals.css was never shared. Never add, remove or redefine a status here,
   and never repurpose one of these for a brand/marketing accent. At implementation
   time this block is replaced wholesale by the app's own @theme tokens. */
:root{
  --hf-info-bg:#E8F0FE;      --hf-info:#1B4FA8;      /* gepland / onderweg */
  --hf-navy-bg:#E9EEF6;      --hf-navy:#24456F;      /* aangemaakt, opdrachttype */
  --hf-bezet-bg:#FDF0D8;     --hf-bezet:#8A5A05;     /* gewerkt, wacht op controle */
  --hf-nieuw-bg:#DCF2EE;     --hf-nieuw:#0D6A5D;     /* bevestigd */
  --hf-ok-bg:#E2F4E4;        --hf-ok:#1F6B31;        /* gevalideerd */
  --hf-extra-bg:#E2F4E4;     --hf-extra:#1F6B31;     /* betaald / mutatie Extra */
  --hf-update-bg:#EDE7FB;    --hf-update:#5B39B5;    /* gefactureerd / Update */
  --hf-warn-bg:#FDEBDD;      --hf-warn:#9A4C12;      /* aandacht */
  --hf-retentie-bg:#FDEBDD;  --hf-retentie:#9A4C12;  /* mutatie Retentie */
  --hf-ruil-bg:#E8F0FE;      --hf-ruil:#1B4FA8;      /* mutatie Ruil */
  --hf-lost-bg:#F6E4E4;      --hf-lost:#9A4B4B;      /* afwezig / Lost */
  --hf-danger-bg:#FDE4E1;    --hf-danger:#B02418;    /* afgewezen */
  --hf-escalatie-bg:#FBE3EF; --hf-escalatie:#9B2261; /* zwaarste negatief */
  --hf-muted-bg:#EEF0F3;     --hf-muted:#5C6672;     /* concept / gesloten */
}