/* =====================================================================
   Huisstijl — één plek voor alle kleuren.
   Zowel de website als de app laden dit bestand, dus wat je hier wijzigt
   werkt overal door. Gebruikt een klant een eigen huisstijl, dan is dit
   het enige bestand dat aangepast hoeft te worden.
   ===================================================================== */
:root {
  --asr-blauw:        #1b2a6b;   /* donker, hoofdkleur */
  --asr-blauw-diep:   #101a45;
  --asr-blauw-licht:  #4a63c8;
  --asr-groen:        #46c08a;   /* accent / kantoor */
  --asr-groen-diep:   #2b9468;
  --asr-oranje:       #ff8a3d;   /* accent / aandacht */
  --asr-roze:         #ff5f8f;
  --asr-geel:         #ffcc4d;
  --asr-paars:        #7a5cd6;

  --wit:              #ffffff;
  --papier:           #f4f6fc;
  --lijn:             #e2e6f3;
  --tekst:            #1d2340;
  --tekst-zacht:      #6b7398;

  --radius:           18px;
  --radius-s:         12px;
  --schaduw:          0 2px 4px rgba(27, 42, 107, .05), 0 12px 28px rgba(27, 42, 107, .09);
  --schaduw-s:        0 1px 2px rgba(27, 42, 107, .06), 0 4px 12px rgba(27, 42, 107, .07);
}