/* Rondaris ontwerpsysteem · tokens
 * Gegenereerd uit docs/referentie/ontwerpsysteem/tokens.json (--app: gebruikte kleuren en schaduwen)
 * (sha256 43027539f1ce1b8d618299a5382ea9c266473c1c4a6094b634496fc87a432e26).
 * Niet met de hand bewerken: pas tokens.json aan en genereer opnieuw.
 * Licht onder :root, donker onder .dark (de app zet .dark zelf). */
:root {
  --r-ink: #092340;
  --r-body: #496078;
  --r-muted: #56697d;
  --r-blue: #0068ac;
  --r-blue-dark: #00548d;
  --r-on-blue: #ffffff;
  --r-blue-soft: #d8e9f6;
  --r-pill: #e3f0fa;
  --r-pill-ink: #0b5d97;
  --r-surface: #ffffff;
  --r-wash: #f0f7fb;
  --r-quiet: #eef3f7;
  --r-line: #dfe8ee;
  --r-line-soft: #e8eef3;
  --r-line-control: #7a8ea2;
  --r-node: #cfdce6;
  --r-nav: #092340;
  --r-nav-ink: #c5d3e1;
  --r-nav-ink-strong: #ffffff;
  --r-nav-label: #8aa2b8;
  --r-nav-active: rgba(255, 255, 255, 0.09);
  --r-nav-line: rgba(255, 255, 255, 0.1);
  --r-scrim: rgba(9, 35, 64, 0.45);
  --r-focus: var(--r-blue);
  --r-ok: #17734b;
  --r-ok-soft: #e3f4ec;
  --r-ok-line: #b7dfc9;
  --r-warn: #9a4a00;
  --r-warn-soft: #fdf5e2;
  --r-warn-line: #efd9a2;
  --r-danger: #b42318;
  --r-danger-soft: #fdecea;
  --r-danger-line: #f3c3bd;
  --r-on-danger: #ffffff;
  --r-st-concept: #8c5a00;
  --r-st-concept-soft: #fbf1d9;
  --r-st-gepland: #0b5d97;
  --r-st-gepland-soft: #e3f0fa;
  --r-st-onderweg: #0b6b78;
  --r-st-onderweg-soft: #dff3f5;
  --r-st-bezig: #a4480b;
  --r-st-bezig-soft: #fcebdc;
  --r-st-ingediend: #5b3fa8;
  --r-st-ingediend-soft: #efe9fb;
  --r-st-teruggestuurd: #b0243f;
  --r-st-teruggestuurd-soft: #fce8ec;
  --r-st-afgerond: #17734b;
  --r-st-afgerond-soft: #e3f4ec;
  --r-st-factuurklaar: #0e5c3a;
  --r-st-factuurklaar-soft: #d7eee2;
  --r-st-geannuleerd: #5a6b7b;
  --r-st-geannuleerd-soft: #eef2f5;
  --r-wt-onderhoud: #0f6b66;
  --r-wt-onderhoud-soft: #ddf2ef;
  --r-wt-storing: #8f4f00;
  --r-wt-storing-soft: #fcefd8;
  --r-wt-montage: #0b5d97;
  --r-wt-montage-soft: #e3f0fa;
  --r-shadow-card: 0 1px 2px rgba(9, 35, 64, 0.04), 0 12px 32px rgba(9, 35, 64, 0.06);
  --r-shadow-pop: 0 8px 28px rgba(9, 35, 64, 0.16);
  --r-shadow-bar: 0 -1px 0 rgba(9, 35, 64, 0.06), 0 -8px 24px rgba(9, 35, 64, 0.06);
}

.dark {
  --r-ink: #e8eef4;
  --r-body: #a9bccd;
  --r-muted: #90a6ba;
  --r-blue: #5aa9e0;
  --r-blue-dark: #7dbbe8;
  --r-on-blue: #061423;
  --r-blue-soft: #16395a;
  --r-pill: #12324f;
  --r-pill-ink: #9fcbee;
  --r-surface: #0b1a2b;
  --r-wash: #0f2236;
  --r-quiet: #172a3d;
  --r-line: #1f3348;
  --r-line-soft: #1a2c40;
  --r-line-control: #56718a;
  --r-node: #2a4259;
  --r-nav: #06121f;
  --r-nav-ink: #b4c4d3;
  --r-nav-ink-strong: #ffffff;
  --r-nav-label: #7890a6;
  --r-nav-active: rgba(255, 255, 255, 0.07);
  --r-nav-line: rgba(255, 255, 255, 0.08);
  --r-scrim: rgba(0, 0, 0, 0.6);
  --r-ok: #6fd3a0;
  --r-ok-soft: #10301f;
  --r-ok-line: #1f5a3b;
  --r-warn: #f1b567;
  --r-warn-soft: #2d2210;
  --r-warn-line: #5a4418;
  --r-danger: #f59a8f;
  --r-danger-soft: #3a1512;
  --r-danger-line: #5c231d;
  --r-on-danger: #1a0605;
  --r-st-concept: #f1c46b;
  --r-st-concept-soft: #2e2410;
  --r-st-gepland: #9fcbee;
  --r-st-gepland-soft: #12324f;
  --r-st-onderweg: #7fd6e0;
  --r-st-onderweg-soft: #0f3036;
  --r-st-bezig: #f5a66d;
  --r-st-bezig-soft: #33200f;
  --r-st-ingediend: #c3b0f5;
  --r-st-ingediend-soft: #251d40;
  --r-st-teruggestuurd: #f59aaa;
  --r-st-teruggestuurd-soft: #3a1520;
  --r-st-afgerond: #6fd3a0;
  --r-st-afgerond-soft: #10301f;
  --r-st-factuurklaar: #9be3bd;
  --r-st-factuurklaar-soft: #0d3a26;
  --r-st-geannuleerd: #a9bccd;
  --r-st-geannuleerd-soft: #1a2c40;
  --r-wt-onderhoud: #6fd6cb;
  --r-wt-onderhoud-soft: #0e302d;
  --r-wt-storing: #f39a5b;
  --r-wt-storing-soft: #2d2210;
  --r-wt-montage: #9fcbee;
  --r-wt-montage-soft: #12324f;
  --r-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 32px rgba(0, 0, 0, 0.35);
  --r-shadow-pop: 0 8px 28px rgba(0, 0, 0, 0.5);
  --r-shadow-bar: 0 -1px 0 rgba(255, 255, 255, 0.06), 0 -8px 24px rgba(0, 0, 0, 0.4);
}