/* ── Design tokens — NOC*NSF huisstijl (afgeleid van nocnsf.nl en de factsheet) ── */
:root {
  --navy:            #00378a;
  --navy-dark:       #002a6a;
  --navy-deep:       #1f2f73;
  --orange:          #ff6600;
  --orange-dark:     #d95500;
  --red:             #e1001a;
  --blue-light:      #9cb9e6;
  --blue-pale:       #dfe6f3;

  --color-bg:        #f0f1f7;
  --color-surface:   #ffffff;
  --color-text:      #253046;
  --color-text-muted:#5f6b7f;
  --color-border:    #dee2e6;
  --color-hover:     #f5f7fb;

  --ok:              #1e8e3e;
  --ok-bg:           #e7f5eb;
  --warn:            #b37400;
  --warn-bg:         #fff4d6;
  --error:           #c40018;
  --error-bg:        #fde8ea;

  /* Grafieken — gevalideerd (lightness, CVD, normal vision) */
  --chart-1: #1f55b0;  /* Eigen bijdrage */
  --chart-2: #ff6600;  /* NOC*NSF */
  --chart-3: #6e9bdb;  /* TeamNL centrum */
  --chart-4: #d9a300;  /* Overig */

  --font-ui: 'Hanken Grotesk', 'HK Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius: 8px;
  --radius-sm: 4px;
  --shadow: 0 1px 2px rgba(0, 35, 90, .06), 0 4px 16px rgba(0, 35, 90, .06);
}