/* ============================================================
   CLAIM.CAFE — DARK MODE  (volledig vernieuwd)
   Palet: near-black charcoal met terracotta accent
   ============================================================ */

/* ── Voorkom browser-geforceerde dark mode ─────────────────── */
:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }

/* ── KLEURENPALETTE DONKER ─────────────────────────────────── */
[data-theme="dark"] {
  /* Achtergrond-lagen (oplopende elevatie) */
  --cream:       #0C0B0F;   /* pagina-basis */
  --warm-white:  #141218;   /* lichte pagina's, sidebar */
  --foam:        #1C1A21;   /* inputs, secundaire vlakken */

  /* Merk-kleuren aangepast voor donker */
  --coffee:      #EDE8F5;   /* primaire tekst */
  --espresso:    #F5F2FD;   /* koppen */
  --caramel:     #E8703A;   /* accent (terracotta, lichter voor contrast) */
  --latte:       #C89868;   /* secundaire accenten */
  --terracotta:  #F07848;   /* hover-accent */
  --gold:        #E8B230;   /* goud/badges */
  --sage:        #52B078;   /* groen/succes */
  --sage-light:  #0D2318;   /* groen achtergrond */

  /* Tekst */
  --text:        #EDE8F5;
  --text-muted:  #8A8394;

  /* Kaders */
  --border:      #28242E;

  /* Schaduwen */
  --shadow-xs:  0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:  0 1px 3px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
  --shadow-md:  0 2px 6px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.35);
  --shadow-lg:  0 4px 12px rgba(0,0,0,.45), 0 12px 40px rgba(0,0,0,.40);
  --shadow-xl:  0 8px 24px rgba(0,0,0,.50), 0 24px 64px rgba(0,0,0,.45);
  --shadow-focus: 0 0 0 3px rgba(232,112,58,.22);
}

/* ── BASIS ─────────────────────────────────────────────────── */
[data-theme="dark"] body {
  background: #0C0B0F;
  color: #EDE8F5;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #F5F2FD;
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] span {
  color: inherit;
}

[data-theme="dark"] a {
  color: #E8703A;
}

[data-theme="dark"] a:hover {
  color: #F07848;
}

[data-theme="dark"] hr,
[data-theme="dark"] .divider {
  border-color: #28242E !important;
}

/* ── TEXT SELECTIE ─────────────────────────────────────────── */
[data-theme="dark"] ::selection {
  background: rgba(232,112,58,.25);
  color: #F5F2FD;
}

/* ── SCROLLBAR ─────────────────────────────────────────────── */
[data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: transparent; }
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2E2A35;
  border-radius: 9999px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #3E384A;
}

/* ── NAVIGATIE ─────────────────────────────────────────────── */
[data-theme="dark"] nav,
[data-theme="dark"] .topnav {
  background: rgba(12,11,15,.97) !important;
  border-bottom-color: #28242E !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 2px 12px rgba(0,0,0,.3) !important;
}

[data-theme="dark"] .nav-logo {
  color: #F5F2FD !important;
}

[data-theme="dark"] .nav-links a {
  color: #9A94A8 !important;
}

[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a.active {
  color: #EDE8F5 !important;
}

[data-theme="dark"] .btn-ghost {
  color: #9A94A8 !important;
  border-color: #3A3542 !important;
  background: transparent !important;
}

[data-theme="dark"] .btn-ghost:hover {
  color: #EDE8F5 !important;
  border-color: #E8703A !important;
  background: rgba(232,112,58,.08) !important;
}

/* Dropdown profiel-menu */
[data-theme="dark"] #inst-dd,
[data-theme="dark"] .dropdown {
  background: #1C1A21 !important;
  border-color: #28242E !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4) !important;
}

[data-theme="dark"] .inst-dd-item {
  color: #EDE8F5 !important;
}

[data-theme="dark"] .inst-dd-item:hover {
  background: #252229 !important;
  color: #F5F2FD !important;
}

[data-theme="dark"] .inst-dd-sep {
  background: #28242E !important;
}

/* ── SIDEBAR ───────────────────────────────────────────────── */
[data-theme="dark"] .sidebar {
  background: #0F0D13 !important;
  border-right-color: #28242E !important;
}

[data-theme="dark"] .sb-user {
  border-bottom-color: #28242E !important;
}

[data-theme="dark"] .sb-name {
  color: #F5F2FD !important;
}

[data-theme="dark"] .sb-role {
  color: #8A8394 !important;
}

[data-theme="dark"] .sb-stat {
  background: #1C1A21 !important;
}

[data-theme="dark"] .sb-stat-num {
  color: #E8703A !important;
}

[data-theme="dark"] .sb-stat-label {
  color: #8A8394 !important;
}

[data-theme="dark"] .sb-section-title {
  color: #5C5665 !important;
}

[data-theme="dark"] .sb-item {
  color: #8A8394 !important;
}

[data-theme="dark"] .sb-item:hover {
  background: rgba(232,112,58,.08) !important;
  color: #EDE8F5 !important;
}

[data-theme="dark"] .sb-item.active {
  background: rgba(232,112,58,.12) !important;
  color: #E8703A !important;
}

[data-theme="dark"] .sb-bottom {
  border-top-color: #28242E !important;
}

[data-theme="dark"] .sb-logout {
  color: #8A8394 !important;
}

[data-theme="dark"] .sb-logout:hover {
  color: #E06870 !important;
  background: rgba(224,104,112,.08) !important;
}

/* ── KAARTEN ───────────────────────────────────────────────── */
[data-theme="dark"] .card,
[data-theme="dark"] .q-card,
[data-theme="dark"] .art-card,
[data-theme="dark"] .art-row,
[data-theme="dark"] .article-card,
[data-theme="dark"] .cat-card,
[data-theme="dark"] .jurist-card,
[data-theme="dark"] .student-card,
[data-theme="dark"] .template-card,
[data-theme="dark"] .dash-card,
[data-theme="dark"] .boeking-card,
[data-theme="dark"] .doc-card,
[data-theme="dark"] .feat-card,
[data-theme="dark"] .rank-card,
[data-theme="dark"] .step-card,
[data-theme="dark"] .ans-card,
[data-theme="dark"] .notif-item,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .table-wrap,
[data-theme="dark"] .settings-form,
[data-theme="dark"] .auth-box,
[data-theme="dark"] .login-box,
[data-theme="dark"] .box,
[data-theme="dark"] .form-area,
[data-theme="dark"] .profile-card,
[data-theme="dark"] .section-block,
[data-theme="dark"] .s-card,
[data-theme="dark"] .qs-item,
[data-theme="dark"] .dossier-card,
[data-theme="dark"] .info-card,
[data-theme="dark"] .usp-card,
[data-theme="dark"] .category-card,
[data-theme="dark"] .trending-card,
[data-theme="dark"] .student-row {
  background: #141218 !important;
  border-color: #28242E !important;
  color: #EDE8F5 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.22) !important;
}

[data-theme="dark"] .card:hover,
[data-theme="dark"] .q-card:hover,
[data-theme="dark"] .art-row:hover,
[data-theme="dark"] .article-card:hover,
[data-theme="dark"] .cat-card:hover,
[data-theme="dark"] .jurist-card:hover,
[data-theme="dark"] .student-card:hover {
  border-color: #3E384A !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.4), 0 12px 40px rgba(0,0,0,.32) !important;
}

[data-theme="dark"] .art-featured {
  background: #110F16 !important;
}

/* ── FORMULIERVELDEN ───────────────────────────────────────── */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .form-select,
[data-theme="dark"] .search-input,
[data-theme="dark"] .topnav-search input,
[data-theme="dark"] .nl-input,
[data-theme="dark"] .hs-input-wrap input {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #EDE8F5 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #5C5665 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: #E8703A !important;
  background: #201D26 !important;
  box-shadow: 0 0 0 3px rgba(232,112,58,.18) !important;
}

[data-theme="dark"] label,
[data-theme="dark"] .form-label {
  color: #B8B3C2 !important;
}

[data-theme="dark"] .form-hint,
[data-theme="dark"] .form-note,
[data-theme="dark"] .form-sublabel {
  color: #8A8394 !important;
}

/* ── MODALS & OVERLAYS ─────────────────────────────────────── */
[data-theme="dark"] .modal,
[data-theme="dark"] .modal-content,
[data-theme="dark"] #notif-dropdown,
[data-theme="dark"] .notif-bell-dropdown {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.6), 0 24px 64px rgba(0,0,0,.5) !important;
}

[data-theme="dark"] .modal-title {
  color: #F5F2FD !important;
}

[data-theme="dark"] .modal-close {
  color: #8A8394 !important;
}

[data-theme="dark"] .modal-close:hover {
  color: #EDE8F5 !important;
}

/* ── KNOPPEN ───────────────────────────────────────────────── */
/* Primaire CTA-knoppen: terracotta achtergrond */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-nav,
[data-theme="dark"] .btn-search,
[data-theme="dark"] .btn-nl,
[data-theme="dark"] .btn-wb,
[data-theme="dark"] .btn-pri,
[data-theme="dark"] .btn-hero-pri,
[data-theme="dark"] .btn-submit,
[data-theme="dark"] .btn-success-pri,
[data-theme="dark"] .btn-book,
[data-theme="dark"] .btn-contact,
[data-theme="dark"] .btn-next,
[data-theme="dark"] .btn-ask,
[data-theme="dark"] .btn-join {
  background: #E8703A !important;
  color: #FFF8F5 !important;
  box-shadow: 0 1px 3px rgba(232,112,58,.3), 0 4px 12px rgba(232,112,58,.2) !important;
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-nav:hover,
[data-theme="dark"] .btn-search:hover {
  background: #F07848 !important;
  box-shadow: 0 2px 8px rgba(232,112,58,.4), 0 6px 20px rgba(232,112,58,.25) !important;
}

/* Secundaire knoppen */
[data-theme="dark"] .btn-sec,
[data-theme="dark"] .btn-wb-sec,
[data-theme="dark"] .btn-hero-ghost,
[data-theme="dark"] .btn-hero-sec {
  background: transparent !important;
  color: #C8C2D4 !important;
  border-color: #3A3542 !important;
}

[data-theme="dark"] .btn-hero-ghost:hover,
[data-theme="dark"] .btn-sec:hover {
  color: #EDE8F5 !important;
  border-color: #E8703A !important;
  background: rgba(232,112,58,.08) !important;
}

/* Filter / paginering knoppen */
[data-theme="dark"] .pag-btn,
[data-theme="dark"] .f-btn,
[data-theme="dark"] .cat-btn,
[data-theme="dark"] .filter-btn {
  background: #141218 !important;
  border-color: #2E2A35 !important;
  color: #9A94A8 !important;
}

[data-theme="dark"] .pag-btn:hover,
[data-theme="dark"] .f-btn:hover,
[data-theme="dark"] .cat-btn:hover {
  border-color: #E8703A !important;
  color: #E8703A !important;
}

[data-theme="dark"] .pag-btn.active,
[data-theme="dark"] .f-btn.active,
[data-theme="dark"] .cat-btn.active {
  background: #E8703A !important;
  color: #FFF8F5 !important;
  border-color: #E8703A !important;
}

/* Tab knoppen */
[data-theme="dark"] .tab-btn,
[data-theme="dark"] .ptab,
[data-theme="dark"] .role-tab {
  color: #8A8394 !important;
  border-color: transparent !important;
}

[data-theme="dark"] .tab-btn.active,
[data-theme="dark"] .ptab.active,
[data-theme="dark"] .role-tab.active {
  color: #E8703A !important;
  border-color: #E8703A !important;
}

/* Vote / actie-knoppen */
[data-theme="dark"] .vote-btn,
[data-theme="dark"] .vote-btn-inline,
[data-theme="dark"] .ans-action-btn {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #8A8394 !important;
}

[data-theme="dark"] .vote-btn:hover,
[data-theme="dark"] .vote-btn.voted,
[data-theme="dark"] .vote-btn-inline:hover {
  background: rgba(232,112,58,.15) !important;
  border-color: #E8703A !important;
  color: #E8703A !important;
}

/* Jurist-knop in kaart */
[data-theme="dark"] .btn-jurist {
  background: rgba(232,112,58,.12) !important;
  color: #E8703A !important;
  border-color: rgba(232,112,58,.25) !important;
}

[data-theme="dark"] .btn-jurist:hover {
  background: #E8703A !important;
  color: #FFF8F5 !important;
}

/* Copy / download knoppen */
[data-theme="dark"] .btn-copy,
[data-theme="dark"] .btn-download,
[data-theme="dark"] .btn-load,
[data-theme="dark"] .btn-save {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #9A94A8 !important;
}

[data-theme="dark"] .btn-copy:hover,
[data-theme="dark"] .btn-download:hover,
[data-theme="dark"] .btn-load:hover {
  background: #252229 !important;
  color: #EDE8F5 !important;
  border-color: #3E384A !important;
}

/* Delete / gevaar knoppen */
[data-theme="dark"] .btn-delete,
[data-theme="dark"] .btn-danger {
  background: rgba(224,104,112,.1) !important;
  color: #E06870 !important;
  border-color: rgba(224,104,112,.25) !important;
}

[data-theme="dark"] .btn-delete:hover {
  background: #E06870 !important;
  color: white !important;
}

/* ── TAGS & BADGES ─────────────────────────────────────────── */
[data-theme="dark"] .q-tag,
[data-theme="dark"] .cc-topic,
[data-theme="dark"] .ac-tag,
[data-theme="dark"] .ar-tag,
[data-theme="dark"] .af-tag,
[data-theme="dark"] .rel-tag,
[data-theme="dark"] .meta-chip,
[data-theme="dark"] .spec-pill,
[data-theme="dark"] .p-badge {
  background: #1C1A21 !important;
  color: #B8B3C2 !important;
  border-color: #2E2A35 !important;
}

/* Status-badges */
[data-theme="dark"] .status-badge,
[data-theme="dark"] .status-open,
[data-theme="dark"] .af-tag {
  background: rgba(232,178,48,.12) !important;
  color: #E8B230 !important;
  border-color: rgba(232,178,48,.2) !important;
}

[data-theme="dark"] .status-badge.beantwoord,
[data-theme="dark"] .status-answered {
  background: rgba(82,176,120,.12) !important;
  color: #52B078 !important;
  border-color: rgba(82,176,120,.2) !important;
}

[data-theme="dark"] .status-badge.gesloten,
[data-theme="dark"] .status-closed {
  background: rgba(224,104,112,.12) !important;
  color: #E06870 !important;
  border-color: rgba(224,104,112,.2) !important;
}

/* Verified badge */
[data-theme="dark"] .badge-verified,
[data-theme="dark"] .verified-badge {
  background: rgba(82,176,120,.12) !important;
  color: #52B078 !important;
}

/* Hot/trending tags */
[data-theme="dark"] .q-tag.hot,
[data-theme="dark"] .q-tag.hot-tag,
[data-theme="dark"] .badge-top,
[data-theme="dark"] .pbadge-mvp {
  background: rgba(232,178,48,.14) !important;
  color: #E8B230 !important;
  border-color: rgba(232,178,48,.2) !important;
}

/* Counter badges (aantal antwoorden etc.) */
[data-theme="dark"] .cc-count,
[data-theme="dark"] .sb-badge {
  background: rgba(232,112,58,.18) !important;
  color: #E8703A !important;
}

/* ── BESTE ANTWOORD ─────────────────────────────────────────── */
[data-theme="dark"] .ans-card.best,
[data-theme="dark"] .best-answer {
  background: rgba(82,176,120,.07) !important;
  border-color: rgba(82,176,120,.3) !important;
}

[data-theme="dark"] .best-label {
  background: rgba(82,176,120,.15) !important;
  color: #52B078 !important;
}

/* ── HERO SECTIES ───────────────────────────────────────────── */
[data-theme="dark"] .hero,
[data-theme="dark"] .hero-section,
[data-theme="dark"] .page-header {
  background: linear-gradient(150deg, #07060A 0%, #0E0C14 55%, #120E1A 100%) !important;
}

[data-theme="dark"] .hero-decoration {
  opacity: 0.06 !important;
}

[data-theme="dark"] .hero-decoration-2 {
  opacity: 0.10 !important;
}

[data-theme="dark"] .hero-bg {
  background: none !important;
}

/* Hero-kaart (stats card) */
[data-theme="dark"] .hero-card {
  background: rgba(28,26,33,.85) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.4) !important;
}

[data-theme="dark"] .hero-card-stat {
  color: #E8703A !important;
}

[data-theme="dark"] .hero-card-footer {
  color: #8A8394 !important;
  border-top-color: #2E2A35 !important;
}

/* ── STATISTIEKEN BALK ─────────────────────────────────────── */
[data-theme="dark"] .stats-strip {
  background: #110F16 !important;
  border-color: #28242E !important;
  color: #EDE8F5 !important;
}

[data-theme="dark"] .stats-strip .stat-label {
  opacity: 1 !important;
  color: #8A8394 !important;
}

[data-theme="dark"] .stat-num {
  color: #E8703A !important;
}

/* ── SECTIE-BLOKKEN ────────────────────────────────────────── */
[data-theme="dark"] .how-section {
  background: #0F0D14 !important;
  border-color: #1E1C25 !important;
}

[data-theme="dark"] .usp-section {
  background: #110F16 !important;
  border-color: #1E1C25 !important;
}

[data-theme="dark"] .newsletter,
[data-theme="dark"] .promo-box,
[data-theme="dark"] .info-box,
[data-theme="dark"] .join-panel {
  background: #141218 !important;
  border-color: #28242E !important;
}

[data-theme="dark"] .join-panel h3 {
  color: #F5F2FD !important;
}

[data-theme="dark"] .join-panel p,
[data-theme="dark"] .join-perks li {
  color: #9A94A8 !important;
}

/* ── SECTION LABELS ────────────────────────────────────────── */
[data-theme="dark"] .section-tag,
[data-theme="dark"] .section-label {
  color: #E8703A !important;
}

[data-theme="dark"] .section-title {
  color: #F5F2FD !important;
}

[data-theme="dark"] .section-sub {
  color: #9A94A8 !important;
}

/* ── PAGE HEADERS ──────────────────────────────────────────── */
[data-theme="dark"] .page-hd,
[data-theme="dark"] .page-hd-top,
[data-theme="dark"] .page-title {
  color: #F5F2FD !important;
}

[data-theme="dark"] .page-sub {
  color: #9A94A8 !important;
}

/* ── BREADCRUMB ────────────────────────────────────────────── */
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .breadcrumb a {
  color: #8A8394 !important;
}

[data-theme="dark"] .breadcrumb-sep {
  color: #3E384A !important;
}

/* ── STAPPEN ───────────────────────────────────────────────── */
[data-theme="dark"] .step-circle {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #9A94A8 !important;
}

[data-theme="dark"] .step-circle.active {
  background: #E8703A !important;
  border-color: #E8703A !important;
  color: #FFF8F5 !important;
}

[data-theme="dark"] .step-dot {
  background: #2E2A35 !important;
}

[data-theme="dark"] .step-card h3 {
  color: #F5F2FD !important;
}

[data-theme="dark"] .step-card p {
  color: #8A8394 !important;
}

[data-theme="dark"] .step-num {
  color: #FFF8F5 !important;
}

[data-theme="dark"] .steps-grid::before {
  background: rgba(255,255,255,.06) !important;
}

/* ── VRAAG/ANTWOORD ────────────────────────────────────────── */
[data-theme="dark"] .q-box {
  background: #141218 !important;
  border-color: #28242E !important;
}

[data-theme="dark"] .q-title {
  color: #F5F2FD !important;
}

[data-theme="dark"] .q-body-text {
  color: #C8C2D4 !important;
}

[data-theme="dark"] .q-meta-row,
[data-theme="dark"] .q-views,
[data-theme="dark"] .q-excerpt {
  color: #8A8394 !important;
}

[data-theme="dark"] .ans-author-name {
  color: #EDE8F5 !important;
}

[data-theme="dark"] .ans-author-role {
  color: #8A8394 !important;
}

[data-theme="dark"] .ans-text {
  color: #C8C2D4 !important;
}

[data-theme="dark"] .ans-time {
  color: #8A8394 !important;
}

/* ── PROFIEL-KAARTEN ───────────────────────────────────────── */
[data-theme="dark"] .profile-name,
[data-theme="dark"] .jurist-name,
[data-theme="dark"] .student-name {
  color: #F5F2FD !important;
}

[data-theme="dark"] .profile-title {
  color: #8A8394 !important;
}

[data-theme="dark"] .online-dot {
  background: #52B078 !important;
  box-shadow: 0 0 0 2px #141218 !important;
}

[data-theme="dark"] .avail-dot {
  background: #E8B230 !important;
}

/* ── LEADERBOARD ───────────────────────────────────────────── */
[data-theme="dark"] .rank-card.rank-1 {
  background: rgba(232,178,48,.07) !important;
  border-color: rgba(232,178,48,.2) !important;
}

[data-theme="dark"] .rank-card.rank-2 {
  background: rgba(200,194,214,.05) !important;
  border-color: rgba(200,194,214,.15) !important;
}

[data-theme="dark"] .rank-card.rank-3 {
  background: rgba(200,120,80,.06) !important;
  border-color: rgba(200,120,80,.18) !important;
}

[data-theme="dark"] .podium-rank,
[data-theme="dark"] .rank {
  color: #8A8394 !important;
}

[data-theme="dark"] .rank.gold,
[data-theme="dark"] .pbadge-mvp {
  color: #E8B230 !important;
}

[data-theme="dark"] .rank.silver {
  color: #C8C2D4 !important;
}

[data-theme="dark"] .rank.bronze {
  color: #C89060 !important;
}

/* ── TABELLEN ──────────────────────────────────────────────── */
[data-theme="dark"] table {
  color: #EDE8F5;
}

[data-theme="dark"] table th {
  background: #110F16 !important;
  color: #8A8394 !important;
  border-bottom-color: #28242E !important;
}

[data-theme="dark"] table td {
  border-bottom-color: #1E1C25 !important;
  color: #C8C2D4 !important;
}

[data-theme="dark"] tr:hover td {
  background: #1A1820 !important;
}

/* ── PROGRESS BARS ─────────────────────────────────────────── */
[data-theme="dark"] .progress-bar {
  background: #1C1A21 !important;
}

[data-theme="dark"] .progress-fill {
  background: linear-gradient(90deg, #E8703A, #F07848) !important;
}

/* ── DOCUMENT PREVIEW ──────────────────────────────────────── */
[data-theme="dark"] .doc-preview {
  background: #141218 !important;
  border-color: #28242E !important;
}

[data-theme="dark"] .doc-line {
  background: #2E2A35 !important;
}

[data-theme="dark"] .doc-icon-big {
  color: #E8703A !important;
}

[data-theme="dark"] .tmpl-title {
  color: #F5F2FD !important;
}

[data-theme="dark"] .tmpl-sub {
  color: #8A8394 !important;
}

[data-theme="dark"] .doc-btn-pri {
  background: #E8703A !important;
  color: #FFF8F5 !important;
}

[data-theme="dark"] .doc-btn-sec {
  color: #9A94A8 !important;
  border-color: #3A3542 !important;
}

/* ── NOTIFICATIES ──────────────────────────────────────────── */
[data-theme="dark"] .notif-item {
  border-bottom-color: #1E1C25 !important;
}

[data-theme="dark"] .notif-item:hover {
  background: #1A1820 !important;
}

[data-theme="dark"] .notif-dot {
  background: #E8703A !important;
  border-color: #0C0B0F !important;
}

/* ── MOBIEL MENU ───────────────────────────────────────────── */
[data-theme="dark"] .mob-menu-btn span {
  background: #EDE8F5 !important;
}

[data-theme="dark"] .mob-nav-drawer {
  background: #0F0D13 !important;
  border-color: #28242E !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.6) !important;
}

[data-theme="dark"] .mob-nav-link {
  color: #C8C2D4 !important;
}

[data-theme="dark"] .mob-nav-link:hover {
  background: rgba(232,112,58,.08) !important;
  color: #E8703A !important;
  border-left-color: #E8703A !important;
}

[data-theme="dark"] .mob-btn-inlog {
  color: #C8C2D4 !important;
  border-color: #3A3542 !important;
  background: transparent !important;
}

[data-theme="dark"] .mob-btn-account {
  color: #FFF8F5 !important;
}

/* ── FOOTER ────────────────────────────────────────────────── */
[data-theme="dark"] footer {
  background: #07060A !important;
  border-top-color: #1E1C25 !important;
}

[data-theme="dark"] .footer-col h4,
[data-theme="dark"] .footer-brand {
  color: #EDE8F5 !important;
}

[data-theme="dark"] .footer-col a,
[data-theme="dark"] .footer-links a {
  color: #8A8394 !important;
}

[data-theme="dark"] .footer-col a:hover,
[data-theme="dark"] .footer-links a:hover {
  color: #E8703A !important;
}

[data-theme="dark"] .footer-bottom {
  border-top-color: #1E1C25 !important;
  color: #5C5665 !important;
}

/* ── FEEDBACK / STATUS MELDINGEN ───────────────────────────── */
[data-theme="dark"] .fb.ok,
[data-theme="dark"] .auth-feedback.ok {
  background: rgba(82,176,120,.1) !important;
  color: #52B078 !important;
  border-color: rgba(82,176,120,.2) !important;
}

[data-theme="dark"] .fb.fout,
[data-theme="dark"] .auth-feedback.fout {
  background: rgba(224,104,112,.1) !important;
  color: #E06870 !important;
  border-color: rgba(224,104,112,.2) !important;
}

/* ── ADMIN-PAGINA ───────────────────────────────────────────── */
[data-theme="dark"] .admin-stat {
  background: #141218 !important;
  border-color: #28242E !important;
}

[data-theme="dark"] .admin-table th {
  background: #110F16 !important;
  color: #8A8394 !important;
}

/* ── INLINE STIJL-OVERSCHRIJVINGEN ─────────────────────────── */

/* Witte/crème achtergronden */
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#FFF"],
[data-theme="dark"] [style*="background:#FEFAF3"],
[data-theme="dark"] [style*="background:#FFF8ED"],
[data-theme="dark"] [style*="background:#F5E6CF"],
[data-theme="dark"] [style*="background:#f8f4ef"],
[data-theme="dark"] [style*="background:#F8F4EF"],
[data-theme="dark"] [style*="background:#FDFAF4"],
[data-theme="dark"] [style*="background:#FDF9F2"] {
  background: #141218 !important;
  color: #EDE8F5 !important;
  border-color: #28242E !important;
}

/* Lichte tint-achtergronden (badges, pills) */
[data-theme="dark"] [style*="background:#EEF4FF"],
[data-theme="dark"] [style*="background:#EEF2FF"],
[data-theme="dark"] [style*="background:#E8F4FD"],
[data-theme="dark"] [style*="background:#FFF8E7"],
[data-theme="dark"] [style*="background:#FFF8E0"],
[data-theme="dark"] [style*="background:#FFFBEB"],
[data-theme="dark"] [style*="background:#E8F5E9"],
[data-theme="dark"] [style*="background:#F0FBF1"],
[data-theme="dark"] [style*="background:#F0FFF4"],
[data-theme="dark"] [style*="background:#FAFFF8"],
[data-theme="dark"] [style*="background:#D4E8D6"],
[data-theme="dark"] [style*="background:#FFF0ED"],
[data-theme="dark"] [style*="background:#FFF5F5"],
[data-theme="dark"] [style*="background:#FFF5E6"],
[data-theme="dark"] [style*="background:#F5F0FF"],
[data-theme="dark"] [style*="background:#eafaf1"],
[data-theme="dark"] [style*="background:#fdf0ed"] {
  background: #1C1A21 !important;
  color: #C8C2D4 !important;
  border-color: #2E2A35 !important;
}

/* Donkere tekst (espresso/koffie) → licht maken */
[data-theme="dark"] [style*="color:#2D1A0E"],
[data-theme="dark"] [style*="color: #2D1A0E"],
[data-theme="dark"] [style*="color:#4A2C17"],
[data-theme="dark"] [style*="color: #4A2C17"],
[data-theme="dark"] [style*="color:#1D1208"],
[data-theme="dark"] [style*="color: #1D1208"],
[data-theme="dark"] [style*="color:#1A1008"],
[data-theme="dark"] [style*="color: #1A1008"],
[data-theme="dark"] [style*="color:#100B04"],
[data-theme="dark"] [style*="color: #100B04"],
[data-theme="dark"] [style*="color:#18110a"],
[data-theme="dark"] [style*="color: #18110a"],
[data-theme="dark"] [style*="color:#0D0804"],
[data-theme="dark"] [style*="color: #0D0804"] {
  color: #EDE8F5 !important;
}

/* Gedempte donkere tekst → medium licht */
[data-theme="dark"] [style*="color:#7A6352"],
[data-theme="dark"] [style*="color: #7A6352"],
[data-theme="dark"] [style*="color:#6B5444"],
[data-theme="dark"] [style*="color: #6B5444"],
[data-theme="dark"] [style*="color:#9b8577"],
[data-theme="dark"] [style*="color: #9b8577"],
[data-theme="dark"] [style*="color:#9B8577"],
[data-theme="dark"] [style*="color: #9B8577"] {
  color: #8A8394 !important;
}

/* Terracotta achtergrond → juiste tekstkleur */
[data-theme="dark"] [style*="background:#C84B32"],
[data-theme="dark"] [style*="background: #C84B32"],
[data-theme="dark"] [style*="background:#C07D3A"],
[data-theme="dark"] [style*="background: #C07D3A"] {
  color: #FFF8F5 !important;
}

/* Crème/foam achtergrond als button */
[data-theme="dark"] [style*="background:#F5E6CF"],
[data-theme="dark"] [style*="background:#EAD9C4"],
[data-theme="dark"] [style*="background:#FEFAF3"] {
  background: #1C1A21 !important;
  color: #EDE8F5 !important;
}

/* ── SEARCH-KNOP IN HERO ─────────────────────────────────── */
[data-theme="dark"] .search-btn {
  background: #E8703A !important;
  color: #FFF8F5 !important;
}

[data-theme="dark"] .search-btn:hover {
  background: #F07848 !important;
}

/* ── AI ICON / TOOL-ICONEN ─────────────────────────────────── */
[data-theme="dark"] .ai-icon,
[data-theme="dark"] .cat-icon,
[data-theme="dark"] .ib-icon {
  color: #E8703A !important;
}

/* ── TOPNAV PROFIEL-PILL ────────────────────────────────────── */
[data-theme="dark"] .user-pill {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #EDE8F5 !important;
}

[data-theme="dark"] .user-pill:hover {
  border-color: #E8703A !important;
}

[data-theme="dark"] .user-name {
  color: #EDE8F5 !important;
}

[data-theme="dark"] .user-chevron {
  color: #8A8394 !important;
}

[data-theme="dark"] .notif-btn {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #9A94A8 !important;
}

[data-theme="dark"] .notif-btn:hover {
  border-color: #E8703A !important;
}

[data-theme="dark"] .btn-home {
  background: #1C1A21 !important;
  color: #E8703A !important;
}

[data-theme="dark"] .btn-home:hover {
  background: #E8703A !important;
  color: #FFF8F5 !important;
}

/* ── DARK MODE TOGGLE KNOP ─────────────────────────────────── */
[data-theme="dark"] #dm-toggle,
[data-theme="dark"] .dm-toggle {
  background: #1C1A21 !important;
  border-color: #2E2A35 !important;
  color: #E8B230 !important;
}

/* ── SMOOTH TRANSITIE ──────────────────────────────────────── */
html {
  transition: background-color .25s cubic-bezier(.4,0,.2,1),
              color .25s cubic-bezier(.4,0,.2,1);
}

*:not(.fade-in):not([style*="animation"]):not([style*="transition"]) {
  transition-property: background-color, border-color, color, box-shadow;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}