/* stabu-kleuren.css
   STABU-kleurstandaard C-ERP, versie 1.0 (12-10-2026). Gegenereerd door bouw_module.js; niet met de hand aanpassen.
   Kleuren wijzigen alleen met een nieuwe versie van de standaard en akkoord van Max.

   --stabu-00 t/m --stabu-84   vaste basiskleur per STABU-hoofdstuk (54 hoofdstukken)
   --stabu-uitlicht            fuchsia, alleen voor uitlichten (contour, ring, rijtint)
   --stabu-opl, --stabu-mijlpaal, --stabu-onbekend, --stabu-onbekend-rand, --stabu-scene
   Onderdeelkleuren (HH.PQ) komen uit stabu-kleuren.js: CERP_STABU.onderdeelKleur(code, thema).

   Thema: licht is de basis. Donker geldt bij data-theme="dark" (op <html> of op een eigen blok)
   en bij een donker systeemthema zolang <html> niet uitdrukkelijk data-theme="light" heeft. */

:root,
[data-theme="light"] {
  --stabu-00: #706F76;
  --stabu-01: #907D93;
  --stabu-05: #65597E;
  --stabu-06: #493353;
  --stabu-10: #987C0E;
  --stabu-12: #654605;
  --stabu-14: #044942;
  --stabu-15: #5C403F;
  --stabu-16: #427C0E;
  --stabu-17: #506026;
  --stabu-20: #472D1C;
  --stabu-21: #746C59;
  --stabu-22: #97470C;
  --stabu-23: #978179;
  --stabu-24: #9C6D4C;
  --stabu-25: #205578;
  --stabu-26: #2C634E;
  --stabu-30: #245537;
  --stabu-31: #1C7462;
  --stabu-32: #434446;
  --stabu-33: #364772;
  --stabu-34: #118D9E;
  --stabu-35: #5B7B88;
  --stabu-36: #72465E;
  --stabu-37: #8C5C64;
  --stabu-38: #765507;
  --stabu-40: #B87A7E;
  --stabu-41: #314698;
  --stabu-42: #676041;
  --stabu-43: #64899C;
  --stabu-44: #609779;
  --stabu-45: #8E805D;
  --stabu-46: #9785BC;
  --stabu-47: #602D0D;
  --stabu-48: #65334D;
  --stabu-50: #788281;
  --stabu-51: #59415F;
  --stabu-52: #105DB3;
  --stabu-53: #0E807D;
  --stabu-54: #58243A;
  --stabu-55: #6D6818;
  --stabu-56: #4899A8;
  --stabu-60: #CC640F;
  --stabu-61: #4296C4;
  --stabu-62: #085D66;
  --stabu-68: #51549F;
  --stabu-70: #9A9011;
  --stabu-75: #32713A;
  --stabu-78: #46397E;
  --stabu-80: #5C3067;
  --stabu-81: #8C6E7C;
  --stabu-82: #452144;
  --stabu-83: #A981A1;
  --stabu-84: #564B83;
  --stabu-uitlicht: #C500AD;
  --stabu-uitlicht-rijtint: rgba(197, 0, 173, 0.09);
  --stabu-opl: #24282C;
  --stabu-mijlpaal: #24282C;
  --stabu-onbekend: #E4E7EA;
  --stabu-onbekend-rand: #69717A;
  --stabu-scene: #E5DBC8;
  --stabu-demping: 0.22;
  --stabu-arcering: rgba(255, 255, 255, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --stabu-00: #A9A8B0;
    --stabu-01: #C7B4CA;
    --stabu-05: #A194BD;
    --stabu-06: #8A7296;
    --stabu-10: #D3B44E;
    --stabu-12: #A6844C;
    --stabu-14: #488B83;
    --stabu-15: #9D7E7C;
    --stabu-16: #7CB955;
    --stabu-17: #8C9E62;
    --stabu-20: #8B6E5A;
    --stabu-21: #AEA691;
    --stabu-22: #DA8351;
    --stabu-23: #CEB7AF;
    --stabu-24: #D7A583;
    --stabu-25: #5F94BA;
    --stabu-26: #6AA28A;
    --stabu-30: #639574;
    --stabu-31: #60B19D;
    --stabu-32: #818385;
    --stabu-33: #7286B5;
    --stabu-34: #54C7DB;
    --stabu-35: #92B4C2;
    --stabu-36: #B3829C;
    --stabu-37: #C9969D;
    --stabu-38: #B89043;
    --stabu-40: #F1AFB2;
    --stabu-41: #6B86DF;
    --stabu-42: #A39B7A;
    --stabu-43: #9AC1D4;
    --stabu-44: #96CEAE;
    --stabu-45: #C6B892;
    --stabu-46: #CCBAF4;
    --stabu-47: #A66D4E;
    --stabu-48: #A9718D;
    --stabu-50: #AEBAB8;
    --stabu-51: #997EA0;
    --stabu-52: #559BF8;
    --stabu-53: #58BCB7;
    --stabu-54: #9F647A;
    --stabu-55: #A8A459;
    --stabu-56: #7FD0E0;
    --stabu-60: #FDA36B;
    --stabu-61: #7ACDFD;
    --stabu-62: #3AA0AC;
    --stabu-68: #8A91E2;
    --stabu-70: #D0C657;
    --stabu-75: #6FAF74;
    --stabu-78: #8379C4;
    --stabu-80: #9E6FAA;
    --stabu-81: #C7A6B4;
    --stabu-82: #896188;
    --stabu-83: #E0B6D7;
    --stabu-84: #9288C5;
    --stabu-uitlicht: #F96CDF;
    --stabu-uitlicht-rijtint: rgba(249, 108, 223, 0.09);
    --stabu-opl: #F0F2F4;
    --stabu-mijlpaal: #F0F2F4;
    --stabu-onbekend: #2A3540;
    --stabu-onbekend-rand: #9AA4AE;
    --stabu-scene: #0F171D;
    --stabu-demping: 0.1;
    --stabu-arcering: rgba(0, 0, 0, 0.35);
  }
}

[data-theme="dark"] {
  --stabu-00: #A9A8B0;
  --stabu-01: #C7B4CA;
  --stabu-05: #A194BD;
  --stabu-06: #8A7296;
  --stabu-10: #D3B44E;
  --stabu-12: #A6844C;
  --stabu-14: #488B83;
  --stabu-15: #9D7E7C;
  --stabu-16: #7CB955;
  --stabu-17: #8C9E62;
  --stabu-20: #8B6E5A;
  --stabu-21: #AEA691;
  --stabu-22: #DA8351;
  --stabu-23: #CEB7AF;
  --stabu-24: #D7A583;
  --stabu-25: #5F94BA;
  --stabu-26: #6AA28A;
  --stabu-30: #639574;
  --stabu-31: #60B19D;
  --stabu-32: #818385;
  --stabu-33: #7286B5;
  --stabu-34: #54C7DB;
  --stabu-35: #92B4C2;
  --stabu-36: #B3829C;
  --stabu-37: #C9969D;
  --stabu-38: #B89043;
  --stabu-40: #F1AFB2;
  --stabu-41: #6B86DF;
  --stabu-42: #A39B7A;
  --stabu-43: #9AC1D4;
  --stabu-44: #96CEAE;
  --stabu-45: #C6B892;
  --stabu-46: #CCBAF4;
  --stabu-47: #A66D4E;
  --stabu-48: #A9718D;
  --stabu-50: #AEBAB8;
  --stabu-51: #997EA0;
  --stabu-52: #559BF8;
  --stabu-53: #58BCB7;
  --stabu-54: #9F647A;
  --stabu-55: #A8A459;
  --stabu-56: #7FD0E0;
  --stabu-60: #FDA36B;
  --stabu-61: #7ACDFD;
  --stabu-62: #3AA0AC;
  --stabu-68: #8A91E2;
  --stabu-70: #D0C657;
  --stabu-75: #6FAF74;
  --stabu-78: #8379C4;
  --stabu-80: #9E6FAA;
  --stabu-81: #C7A6B4;
  --stabu-82: #896188;
  --stabu-83: #E0B6D7;
  --stabu-84: #9288C5;
  --stabu-uitlicht: #F96CDF;
  --stabu-uitlicht-rijtint: rgba(249, 108, 223, 0.09);
  --stabu-opl: #F0F2F4;
  --stabu-mijlpaal: #F0F2F4;
  --stabu-onbekend: #2A3540;
  --stabu-onbekend-rand: #9AA4AE;
  --stabu-scene: #0F171D;
  --stabu-demping: 0.1;
  --stabu-arcering: rgba(0, 0, 0, 0.35);
}

/* hulpklassen volgens de standaard */
.stabu-onbekend { background: var(--stabu-onbekend); outline: 1.5px dashed var(--stabu-onbekend-rand); outline-offset: -1.5px; }
.stabu-opl { background-color: var(--stabu-opl); background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0) 0 4px, var(--stabu-arcering) 4px 6px); }
.stabu-mijlpaal { background: var(--stabu-mijlpaal); transform: rotate(45deg); box-shadow: 0 0 0 1.5px var(--stabu-vlak, var(--surface, #FFFFFF)); }
.stabu-uitgelicht { box-shadow: 0 0 0 2px var(--stabu-vlak, var(--surface, #FFFFFF)), 0 0 0 4px var(--stabu-uitlicht); }
.stabu-rij-uitgelicht { background: var(--stabu-uitlicht-rijtint); }