/* Design tokens uit het Claude Design-ontwerp van Jay (Leadservice.dc.html).
 *
 * De drie merkkleuren zijn dezelfde als in de goedgekeurde PDF en e-mail. Ze
 * staan hier één keer zodat het dashboard en de PDF niet uit elkaar kunnen
 * groeien: wie hier iets verandert, verandert ook de brief aan de klant.
 *
 *   --navy   = kopbalk van de PDF          = pdf.py NAVY  (31, 58, 95)
 *   --blauw  = tekstkleur van de e-mails   = mail.py HUISSTIJL #0070C0
 *   --amber  = telbalk bij groep 1         = pdf.py AMBER_TX (140, 80, 10)
 */
:root {
  /* merk */
  --navy: #1F3A5F;
  --blauw: #0070C0;
  --amber: #8C500A;
  --amber-vlak: #FFF4DE;
  --groen: #2C6E49;

  /* tekst */
  --tekst: #101828;
  --tekst-sterk: #1D2939;
  --tekst-dof: #344054;
  --tekst-zacht: #475467;
  --tekst-grijs: #667085;
  --tekst-licht: #98A2B3;

  /* vlakken en randen */
  --achtergrond: #EBEEF2;
  --wit: #FFFFFF;
  --vlak: #F2F4F7;
  --vlak-zacht: #F7F9FB;
  --vlak-dof: #F0F2F5;
  --rand: #D2D7DE;
  --rand-zacht: #E4E8ED;
  --scrollbar: #C6CDD6;

  /* typografie */
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, monospace;

  /* vorm */
  --radius: 7px;
  --radius-groot: 14px;
  --schaduw: 0 20px 60px rgba(16, 24, 40, .28);
}