/* e-host thema bovenop het Enhance-panel. Bron: /opt/ehost-theme, na elke update opnieuw geplaatst door /usr/local/sbin/ehost-theme */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&display=swap");

/* Grond */
html[data-eh] body { background: #F3F5F8 !important; }
html[data-eh="dark"] body { background: #0B1229 !important; }

/* Zijbalk: inkt-navy in plaats van zwart */
#dashboard-spine { background: #121C3A !important; }
html[data-eh="dark"] #dashboard-spine { background: #0E1630 !important; border-right: 1px solid #1C2850; }
#dashboard-spine a[data-qa="navLink"] { color: #C7D0E2 !important; background: transparent !important; transition: background-color .15s ease, color .15s ease; }
#dashboard-spine a[data-qa="navLink"] svg { fill: currentColor !important; }
#dashboard-spine a[data-qa="navLink"]:hover { background: #1B2752 !important; color: #FFFFFF !important; }
#dashboard-spine a[data-qa="navLink"].selected { background: #1F2C55 !important; color: #FFFFFF !important; }
#dashboard-spine a[data-qa="navLink"].selected svg { fill: #9BD861 !important; }

/* Kaarten: rustige lijn i.p.v. schaduw, ruimere hoeken */
[data-qa="card"] { border: 1px solid #DDE3EB !important; border-radius: 10px !important; box-shadow: none !important; }
[data-qa="card"].ui-card-hoverable:hover { border-color: #B9C3D1 !important; }
html[data-eh="dark"] [data-qa="card"] { border-color: #26335E !important; }

/* Koppen in de merkletter */
#root h1, #root h2 { font-family: "Bricolage Grotesque", "Hanken Grotesk", sans-serif !important; letter-spacing: -0.02em; }

/* Kleuren die het script op basis van de oorspronkelijke kleur toekent */
.eh-ground { background-color: #F3F5F8 !important; }
.eh-promo { background-color: #121C3A !important; }
html[data-eh="dark"] .eh-d-ground { background-color: #0B1229 !important; }
html[data-eh="dark"] .eh-d-surface { background-color: #141E3D !important; }
html[data-eh="dark"] .eh-d-raised { background-color: #1C2850 !important; }
html[data-eh="dark"] .eh-d-line { border-color: #26335E !important; }