/* tokens.css — CSS-variabelen, moet als eerste stylesheet geladen worden
   (vóór base.css/header.css/tables.css). Waarden 1-op-1 overgenomen uit
   base.css's eigen :root-blok (cl's bestaande huisstijl, ongewijzigd) — dat
   blok blijft ook in base.css staan (identieke waarden, dus geen cascade-
   risico) zodat bestaande regels die er al op leunen gegarandeerd blijven
   werken. */
:root {
  --primary: #3C5AA6;
  --primary-hover: #2A4078;    /* afgeleid: donkerdere tint van --primary, voor hover-states */
  --primary-light: #E8ECF7;    /* afgeleid: lichte tint van --primary, voor achtergronden */
  --shade: #5C7BC7;            /* afgeleid: helderdere accenttint van --primary */
  --primary-dark: #0A1E40;
  --text-color: #0A1E40;
  --background: #12131223;
  --white: #ffffff;
  --gray-dark: #320608;
  --gray-light: #cccccc39;

  --accent-green: #00C853;
  --accent-red: #D50000;
  --accent-orange: #FF7F50;
  --accent-secondary: gold;
  --accent-secondary-hover: #DAA520; /* afgeleid: iets donkerder dan --accent-secondary */
  --color-secondary: black;
  --font-body: 'Montserrat', sans-serif;

  /* Info boxes */
  --info-box-gray: #cccccc39;
  --info-box-green: #DFF0D8;
  --info-box-red: #F2DEDE;
  --info-box-border: 4px solid #777;
  --info-box-border-green: 4px solid green;
  --info-box-border-red: 4px solid red;

  --table-border: rgba(176, 170, 170, 0.692);
  --table-row-even: rgba(151, 151, 151, 0.14);

  /* Vormtaal: gedeelde radius/schaduw/transitie-waarden voor dropdowns,
     tabellen, tabs, knoppen en modals — generieke UI-waarden, geen
     merkkleuren, zelfde als bij ed/pl. */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(10, 30, 64, 0.08);
  --shadow-md: 0 4px 14px rgba(10, 30, 64, 0.12);
  --shadow-lg: 0 12px 32px rgba(10, 30, 64, 0.20);
  --transition-base: 0.2s ease;

  --border-gradient-country: linear-gradient(to right, black, #0A1E40, #12131223, #12131223, #12131223, #0A1E40, black) 1;
  --border-image-country-header: linear-gradient(to right, black, #0A1E40, #12131223, #12131223, #0A1E40, black) 100% 1;
}