/* AIDG-huisstijl uit het logo: donkerblauw #153041, petrol #028bab, oranje #ef6d00 (alleen accent). */
html, .dark {
  --surface-submit: #153041;
  --surface-submit-hover: #0d2230;
  --brand-purple: #028bab;
  --ring-primary: #028bab;
  --aidg-blauw: #153041;
  --aidg-petrol: #028bab;
  --aidg-oranje: #ef6d00;
}
.dark { --surface-submit: #028bab; --surface-submit-hover: #0a7a95; }

/* LibreChat gebruikt groen voor links en accenten; bij AIDG is dat petrol. */
.text-green-500, .text-green-600, .text-green-700, .hover\:text-green-700:hover { color: var(--aidg-petrol) !important; }
.dark .text-green-500, .dark .text-green-600, .dark .text-green-700 { color: #4cc3dd !important; }
.bg-green-500, .bg-green-600, .hover\:bg-green-600:hover, .hover\:bg-green-700:hover { background-color: var(--surface-submit) !important; }
.border-green-500, .focus\:border-green-500:focus { border-color: var(--aidg-petrol) !important; }
button[role='switch'][aria-checked='true'], [data-state='checked'] { background-color: var(--aidg-petrol) !important; }

/* Dunne signaallijn bovenaan in de logokleuren. */
body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--aidg-blauw) 0 70%, var(--aidg-petrol) 70% 92%, var(--aidg-oranje) 92% 100%); z-index: 9999; pointer-events: none; }