/* Creator-thema — forest-groen accent (#0B6623)
   Alleen merkaccenten; semantische alert-warning en print-instelling-
   kleuren (default=geel) blijven Bootstrap warning. */

:root {
    --creator-accent: #0B6623;
    --creator-accent-rgb: 11, 102, 35;
    --creator-accent-hover: #08501b;
    --creator-accent-text: #0B6623;
    --creator-accent-on-fill: #ffffff;
    --creator-accent-soft: #4ade80;
    --creator-accent-soft-bright: #86efac;
}

html[data-theme="dark"] {
    --creator-accent-text: #4ade80;
    --creator-accent-hover: #086b28;
}

.text-creator {
    color: var(--creator-accent-text) !important;
}

.bg-creator {
    background-color: var(--creator-accent) !important;
    color: var(--creator-accent-on-fill) !important;
}

.bg-creator-subtle {
    background-color: rgba(var(--creator-accent-rgb), 0.1) !important;
}

.border-creator {
    border-color: var(--creator-accent) !important;
}

.border-creator-subtle {
    border-color: rgba(var(--creator-accent-rgb), 0.25) !important;
}

.btn-creator {
    --bs-btn-color: var(--creator-accent-on-fill);
    --bs-btn-bg: var(--creator-accent);
    --bs-btn-border-color: var(--creator-accent);
    --bs-btn-hover-color: var(--creator-accent-on-fill);
    --bs-btn-hover-bg: var(--creator-accent-hover);
    --bs-btn-hover-border-color: var(--creator-accent-hover);
    --bs-btn-focus-shadow-rgb: var(--creator-accent-rgb);
    --bs-btn-active-color: var(--creator-accent-on-fill);
    --bs-btn-active-bg: var(--creator-accent-hover);
    --bs-btn-active-border-color: var(--creator-accent-hover);
    --bs-btn-disabled-color: var(--creator-accent-on-fill);
    --bs-btn-disabled-bg: var(--creator-accent);
    --bs-btn-disabled-border-color: var(--creator-accent);
    color: var(--creator-accent-on-fill);
    background-color: var(--creator-accent);
    border-color: var(--creator-accent);
}

.btn-creator:hover,
.btn-creator:focus {
    color: var(--creator-accent-on-fill);
    background-color: var(--creator-accent-hover);
    border-color: var(--creator-accent-hover);
}

.btn-outline-creator {
    --bs-btn-color: var(--creator-accent-text);
    --bs-btn-border-color: var(--creator-accent);
    --bs-btn-hover-color: var(--creator-accent-on-fill);
    --bs-btn-hover-bg: var(--creator-accent);
    --bs-btn-hover-border-color: var(--creator-accent);
    --bs-btn-focus-shadow-rgb: var(--creator-accent-rgb);
    --bs-btn-active-color: var(--creator-accent-on-fill);
    --bs-btn-active-bg: var(--creator-accent);
    --bs-btn-active-border-color: var(--creator-accent);
    --bs-btn-disabled-color: var(--creator-accent);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--creator-accent);
    color: var(--creator-accent-text);
    background-color: transparent;
    border-color: var(--creator-accent);
}

.btn-outline-creator:hover,
.btn-outline-creator:focus {
    color: var(--creator-accent-on-fill);
    background-color: var(--creator-accent);
    border-color: var(--creator-accent);
}

.badge.badge-creator,
.badge-creator {
    background-color: var(--creator-accent) !important;
    color: var(--creator-accent-on-fill) !important;
}

html[data-theme="dark"] .bg-creator-subtle {
    background-color: rgba(var(--creator-accent-rgb), 0.18) !important;
}