/* Sage: a light palette for the shared site components.
   Tack Room layer (tackroom.css) handles component styling; this file is the palette. */
:root[data-rr-theme="sage"] {
    color-scheme: light;
    --rr-white: #f3f6ef;
    --rr-card: #ffffff;
    --rr-slate: #293b32;
    --rr-muted: #586b5e;
    --rr-border: #c6d2c2;
    --rr-blue: #3f6250;
    --rr-blue-dark: #2d493a;
    --rr-burgundy: #76503e;
    --rr-burgundy-dark: #5d3d2e;
    --rr-page: var(--rr-white);
    --rr-light: #e6eddf;
    --bs-body-bg: var(--rr-white);
    --bs-body-color: var(--rr-slate);
    --bs-secondary-color: var(--rr-muted);
    --bs-tertiary-bg: var(--rr-light);
    --bs-border-color: var(--rr-border);
    --bs-link-color: var(--rr-blue);
    --bs-link-hover-color: var(--rr-blue-dark);
    --bs-link-color-rgb: 63, 98, 80;
}
[data-rr-theme="sage"] body { background: var(--rr-white); color: var(--rr-slate); }
[data-rr-theme="sage"] :is(.card, .dashboard-card, .modal-content, .dropdown-menu, .list-group-item, .accordion-item, .home-feature-card, .rulebook-category-card, .rulebook-sidebar, .rulebook-articles) {
    background-color: var(--rr-card); color: var(--rr-slate); border-color: var(--rr-border);
}
[data-rr-theme="sage"] :is(.bg-white, .bg-light, .bg-body, .bg-body-tertiary) { background-color: var(--rr-card) !important; }
[data-rr-theme="sage"] :is(.card-footer, .accordion-button, .page-link, .input-group-text) {
    background-color: var(--rr-light); color: var(--rr-blue-dark); border-color: var(--rr-border);
}
[data-rr-theme="sage"] :is(.form-control, .form-select) { background-color: var(--rr-card); color: var(--rr-slate); border-color: var(--rr-border); }
[data-rr-theme="sage"] :is(.form-control, .form-select):disabled { background-color: var(--rr-light); color: var(--rr-muted); }
[data-rr-theme="sage"] .form-control::placeholder { color: var(--rr-muted); opacity: 1; }
[data-rr-theme="sage"] :is(.form-control, .form-select):focus { border-color: var(--rr-blue); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--rr-blue) 20%, transparent); }
[data-rr-theme="sage"] .form-check-input:checked { background-color: var(--rr-blue); border-color: var(--rr-blue); }
[data-rr-theme="sage"] .table {
    --bs-table-bg: var(--rr-card); --bs-table-color: var(--rr-slate);
    --bs-table-border-color: var(--rr-border); --bs-table-striped-bg: var(--rr-white);
    --bs-table-striped-color: var(--rr-slate); --bs-table-hover-bg: var(--rr-light); --bs-table-hover-color: var(--rr-slate);
}
[data-rr-theme="sage"] :is(.table-light, .table thead) { --bs-table-bg: var(--rr-light); --bs-table-color: var(--rr-slate); }
[data-rr-theme="sage"] .text-primary { color: var(--rr-blue) !important; }
[data-rr-theme="sage"] .dropdown-item { color: var(--rr-slate); }
[data-rr-theme="sage"] .dropdown-item:is(:hover, :focus) { background: var(--rr-light); color: var(--rr-blue-dark); }
[data-rr-theme="sage"] .dropdown-item:is(.active, :active) { background: var(--rr-burgundy); color: #fff; }
@media print {
    :root[data-rr-theme="sage"] { --rr-white: #fff; --rr-card: #fff; --rr-slate: #111; --rr-muted: #555; --rr-border: #ccc; }
}