:root {
    color-scheme: light;
    --brand-primary: #2E6F40;
    --brand-secondary: #68BA7F;
    --brand-light: #CFFFDC;
    --brand-dark: #253D2C;
    --brand-surface: #f3faf1;
    --brand-muted: #5d8c6d;
    --bg-card: #ffffff;
    --bg-panel: #f7fbf4;
    --text-color: #253D2C;
    --border-soft: rgba(46,111,64,0.12);
}
html {
    scroll-behavior: smooth;
}
body {
    min-height: 100vh;
    background-color: var(--brand-surface);
    color: var(--text-color);
}
a {
    transition: color 0.2s ease, background-color 0.2s ease;
    color: var(--text-color);
}
a:hover {
    color: var(--brand-primary);
}
.btn-cancel {
    border: 1px solid rgba(46,111,64,0.18);
    background: transparent;
    color: var(--brand-dark);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.btn-cancel:hover {
    background: rgba(46,111,64,0.08);
    color: var(--brand-primary);
}
body.theme-dark {
    color-scheme: dark;
    --brand-primary: #68BA7F;
    --brand-secondary: #9dd5a9;
    --brand-light: #162117;
    --brand-dark: #e6f2dc;
    --brand-surface: #0e1510;
    --brand-muted: #b6d7b0;
    --bg-card: #15221b;
    --bg-panel: #192a20;
    --text-color: #e6f2dc;
    --border-soft: rgba(104,186,127,0.16);
    background-color: #0c1510;
}
body.theme-dark .sidebar {
    background: #0f180f;
}
body.theme-dark .main-content {
    background: linear-gradient(180deg, #111c13 0%, #17281a 100%);
}
body.theme-dark .card {
    background: var(--bg-card);
    border-color: rgba(104,186,127,0.12);
}
body.theme-dark .btn-white {
    color: var(--brand-dark);
    background-color: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.14);
}
body.theme-dark .dropdown-menu {
    background: #15231b;
}
body.theme-dark .table thead {
    background: rgba(104,186,127,0.08);
}