/* ==========================================================================
   RUNIC THEME: Warm Sepia
   Clean professional UI with warm paper, espresso ink, and bronze accents.
   ========================================================================== */

[data-theme="warm-sepia"] {
    --hue-primary: 30;
    --hue-accent: 208;
    --hue-gm: 270;
    --hue-danger: 2;
    --hue-warning: 38;
    --hue-success: 145;
    --hue-toxicity: 92;
    --hue-neutral: 35;

    --sat-primary: 34%;
    --lit-primary: 42%;
    --lit-primary-hover: 34%;
    --sat-accent: 24%;
    --lit-accent: 44%;
    --lit-accent-hover: 36%;
    --sat-gm: 28%;
    --lit-gm: 44%;
    --lit-gm-text: 34%;
    --sat-danger: 46%;
    --lit-danger: 46%;
    --lit-danger-hover: 38%;
    --sat-warning: 58%;
    --lit-warning: 48%;
    --sat-success: 28%;
    --lit-success: 36%;

    --sat-toxicity: 38%;
    --lit-toxicity: 38%;
    --lightness-bg: 94%;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 14px;
    --radius-2xl: 18px;

    --font-sans: 'Inter', 'Segoe UI', Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', 'Consolas', monospace;

    --duration-75: 80ms;
    --duration-150: 150ms;
    --duration-250: 240ms;
    --duration-300: 320ms;
    --duration-400: 460ms;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --sepia-paper: hsl(38 44% 95%);
    --sepia-panel: hsl(38 36% 91%);
    --sepia-porcelain: hsl(42 48% 98%);
    --sepia-ink: hsl(28 28% 16%);
    --sepia-muted: hsl(30 12% 42%);
    --sepia-bronze: hsl(31 42% 38%);
    --sepia-bronze-light: hsl(36 54% 62%);
    --sepia-line: hsl(34 24% 72%);
    --sepia-blue: hsl(208 24% 44%);

    --bg-page: hsl(38 38% 93%);
    --bg-primary: hsl(42 48% 98%);
    --bg-secondary: hsl(38 34% 93% / 0.94);
    --bg-tertiary: hsl(36 28% 89% / 0.96);
    --bg-card: hsl(42 48% 98% / 0.96);
    --bg-hover: hsl(34 34% 88% / 0.74);
    --bg-input: hsl(42 48% 99%);
    --surface-elevated: hsl(38 34% 93%);
    --surface-overlay: hsl(40 34% 95% / 0.98);
    --surface-panel: hsl(40 38% 96% / 0.97);

    --text-primary: hsl(28 28% 16%);
    --text-secondary: hsl(28 16% 30%);
    --text-muted: hsl(30 12% 42% / 0.82);
    --text-faint: hsl(30 10% 50% / 0.54);
    --text-label: hsl(30 34% 30%);
    --text-light: hsl(42 48% 98%);
    --text-dark: hsl(28 28% 16%);

    --border-color: hsl(34 30% 58% / 0.56);
    --border-subtle: hsl(34 24% 72% / 0.58);
    --border-strong: hsl(31 42% 38% / 0.8);
    --border-gold: hsl(36 54% 54% / 0.5);

    --shadow-color: hsl(26 28% 18% / 0.14);
    --shadow-glow-primary:
        0 12px 26px hsl(30 34% 32% / 0.16),
        0 0 18px hsl(36 54% 62% / 0.12);
    --shadow-glow-accent: 0 10px 24px hsl(208 24% 44% / 0.12);
    --shadow-glow-danger: 0 10px 24px hsl(2 46% 46% / 0.12);
    --shadow-glow-warning: 0 10px 24px hsl(38 58% 48% / 0.14);
    --shadow-glow-success: 0 10px 24px hsl(145 28% 36% / 0.12);
    --shadow-glow-gold: 0 10px 24px hsl(36 54% 62% / 0.18);

    --icon-color: hsl(31 42% 38%);
    --icon-filter: brightness(0) saturate(100%) invert(34%) sepia(28%)
        saturate(746%) hue-rotate(350deg) brightness(92%) contrast(88%);
    --color-focus-ring: hsl(31 42% 38% / 0.24);

    --overlay-heavy: hsl(28 28% 12% / 0.56);
    --overlay-dark: hsl(28 24% 14% / 0.38);
    --overlay-medium: hsl(28 20% 14% / 0.24);
    --overlay-light: hsl(28 20% 14% / 0.12);
    --overlay-subtle: hsl(28 20% 14% / 0.07);

    --color-tooltip-bg: hsl(42 48% 98% / 0.98);
    --color-tooltip-highlight: hsl(31 42% 30%);
    --color-tooltip-effect-bg: hsl(31 42% 38% / 0.1);
    --color-tooltip-text: hsl(28 28% 16%);
    --color-tooltip-label: hsl(30 34% 30%);
    --color-tooltip-muted: hsl(30 12% 42%);
    --color-tooltip-dim: hsl(30 10% 54%);
    --color-tooltip-pos: hsl(145 28% 34%);
    --color-tooltip-neg: hsl(2 42% 42%);
    --color-tooltip-separator: hsl(34 24% 72% / 0.66);
    --color-tooltip-section-bg: hsl(38 34% 93% / 0.92);

    --color-health: hsl(145 30% 40%);
    --color-mana: hsl(208 36% 52%);
    --color-endurance: hsl(38 58% 48%);
    --color-heal: hsl(145 30% 40%);
    --color-gold: hsl(36 54% 50%);
    --color-amber: hsl(38 58% 48%);
    --color-amber-ui: hsl(36 54% 50%);
    --color-crit: hsl(2 46% 48%);

    --quality-0-color1: rgb(150, 144, 136);
    --quality-0-color2: rgb(104, 98, 90);
    --quality-1-color1: rgb(224, 216, 202);
    --quality-1-color2: rgb(178, 168, 152);
    --quality-2-color1: rgb(98, 156, 116);
    --quality-2-color2: rgb(68, 112, 84);
    --quality-3-color1: rgb(86, 138, 180);
    --quality-3-color2: rgb(54, 96, 136);
    --quality-4-color1: rgb(144, 112, 184);
    --quality-4-color2: rgb(96, 72, 132);
    --quality-5-color1: rgb(210, 158, 74);
    --quality-5-color2: rgb(148, 92, 32);
    --quality-6-color1: rgb(180, 78, 72);
    --quality-6-color2: rgb(124, 46, 42);
    --quality-7-color1: rgb(236, 210, 166);
    --quality-7-color2: rgb(88, 132, 118);

    --weight-display-bg: hsl(38 34% 92%);
    --weight-ok-color: hsl(145 30% 36%);
    --weight-warn-color: hsl(38 54% 42%);
    --weight-crit-color: hsl(2 44% 42%);
    --weight-bar-track-bg: hsl(34 22% 82%);

    --currency-tile-bg: hsl(42 46% 97%);
    --currency-tile-border: hsl(34 30% 62% / 0.62);
    --currency-tile-hover-bg: hsl(38 40% 93%);
    --currency-tile-hover-shadow: hsl(36 54% 54% / 0.16);
    --currency-add-bg: hsl(40 38% 96%);
    --currency-add-border: hsl(34 24% 72% / 0.74);
    --currency-add-hover-bg: hsl(38 36% 92%);
    --currency-add-hover-border: hsl(31 42% 38% / 0.52);
    --currency-quantity-bg: hsl(34 28% 86%);
}

[data-theme="warm-sepia"] body,
[data-theme="warm-sepia"] .page-content,
[data-theme="warm-sepia"] .main-content,
[data-theme="warm-sepia"] .content-wrapper {
    color: var(--text-primary);
    background:
        radial-gradient(circle at 12% -8%, hsl(36 54% 62% / 0.18), transparent 24%),
        radial-gradient(circle at 86% 10%, hsl(208 24% 44% / 0.08), transparent 26%),
        linear-gradient(180deg, hsl(42 42% 96%) 0%, hsl(38 36% 93%) 100%);
}

[data-theme="warm-sepia"] body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(90deg, hsl(34 26% 66% / 0.12) 0 1px, transparent 1px 100%),
        linear-gradient(180deg, hsl(34 26% 66% / 0.09) 0 1px, transparent 1px 100%);
    background-size: 56px 56px;
    opacity: 0.32;
}

[data-theme="warm-sepia"] .navigation-bar,
[data-theme="warm-sepia"] .content-box,
[data-theme="warm-sepia"] .dashboard-panel,
[data-theme="warm-sepia"] .modal-content,
[data-theme="warm-sepia"] .character-sheet-panel,
[data-theme="warm-sepia"] .inventory-section,
[data-theme="warm-sepia"] .login-container,
[data-theme="warm-sepia"] .widget-tile,
[data-theme="warm-sepia"] .character-item,
[data-theme="warm-sepia"] .attribute-card,
[data-theme="warm-sepia"] .bereich-tile,
[data-theme="warm-sepia"] .spell-tile,
[data-theme="warm-sepia"] .resistance-tile,
[data-theme="warm-sepia"] .card {
    position: relative;
    z-index: 1;
}

[data-theme="warm-sepia"] .content-box,
[data-theme="warm-sepia"] .dashboard-panel,
[data-theme="warm-sepia"] .modal-content,
[data-theme="warm-sepia"] .equipment-panel,
[data-theme="warm-sepia"] .inventory-section,
[data-theme="warm-sepia"] .spell-tooltip,
[data-theme="warm-sepia"] .unified-tooltip,
[data-theme="warm-sepia"] #item-tooltip,
[data-theme="warm-sepia"] .login-container,
[data-theme="warm-sepia"] .widget-tile,
[data-theme="warm-sepia"] .character-item,
[data-theme="warm-sepia"] .attribute-card,
[data-theme="warm-sepia"] .bereich-tile,
[data-theme="warm-sepia"] .spell-tile,
[data-theme="warm-sepia"] .resistance-tile,
[data-theme="warm-sepia"] .card {
    background: linear-gradient(180deg, hsl(42 48% 99% / 0.96), hsl(38 34% 94% / 0.96));
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 hsl(0 0% 100% / 0.9),
        0 14px 30px hsl(26 28% 18% / 0.1);
}

[data-theme="warm-sepia"] .content-box:hover,
[data-theme="warm-sepia"] .dashboard-panel:hover,
[data-theme="warm-sepia"] .widget-tile:hover,
[data-theme="warm-sepia"] .character-item:hover,
[data-theme="warm-sepia"] .attribute-card:hover,
[data-theme="warm-sepia"] .bereich-tile:hover,
[data-theme="warm-sepia"] .spell-tile:hover,
[data-theme="warm-sepia"] .card-interactive:hover {
    border-color: hsl(31 42% 38% / 0.48);
    box-shadow:
        inset 0 1px 0 hsl(0 0% 100% / 0.9),
        0 16px 34px hsl(26 28% 18% / 0.13);
}

[data-theme="warm-sepia"] h1,
[data-theme="warm-sepia"] h2,
[data-theme="warm-sepia"] h3,
[data-theme="warm-sepia"] .card-title,
[data-theme="warm-sepia"] .widget-title,
[data-theme="warm-sepia"] .character-info h3,
[data-theme="warm-sepia"] .bereich-title,
[data-theme="warm-sepia"] .attribute-name {
    color: hsl(28 28% 16%);
    font-family: var(--font-sans);
    letter-spacing: 0;
}

[data-theme="warm-sepia"] .navigation-bar,
[data-theme="warm-sepia"] .tab-top-navigation,
[data-theme="warm-sepia"] #div_top_navigation,
[data-theme="warm-sepia"] #div_right_navigation,
[data-theme="warm-sepia"] #div_iconbar_left,
[data-theme="warm-sepia"] #div_iconbar_right {
    background: linear-gradient(180deg, hsl(42 48% 99% / 0.97), hsl(38 34% 91% / 0.97));
    border-color: hsl(34 28% 62% / 0.62);
    box-shadow:
        inset 0 -1px 0 hsl(31 42% 38% / 0.16),
        0 10px 24px hsl(26 28% 18% / 0.1);
}

[data-theme="warm-sepia"] .tab_btn,
[data-theme="warm-sepia"] .tab_btn_vertical,
[data-theme="warm-sepia"] .tab-buttons .tab-btn,
[data-theme="warm-sepia"] .tab-navigation .tab-btn,
[data-theme="warm-sepia"] .tab_btn_horizontal,
[data-theme="warm-sepia"] .tab_btn_original,
[data-theme="warm-sepia"] .nav-icon-btn,
[data-theme="warm-sepia"] .btn-secondary,
[data-theme="warm-sepia"] .btn-ghost,
[data-theme="warm-sepia"] .twohanded-toggle {
    background: linear-gradient(180deg, hsl(42 48% 99%), hsl(38 32% 93%));
    color: hsl(28 24% 22%);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.9);
}

[data-theme="warm-sepia"] .tab_btn:hover,
[data-theme="warm-sepia"] .tab_btn_vertical:hover,
[data-theme="warm-sepia"] .tab-buttons .tab-btn:hover,
[data-theme="warm-sepia"] .tab-navigation .tab-btn:hover,
[data-theme="warm-sepia"] .tab_btn_horizontal:hover,
[data-theme="warm-sepia"] .tab_btn_original:hover,
[data-theme="warm-sepia"] .nav-icon-btn:hover,
[data-theme="warm-sepia"] .btn-secondary:hover,
[data-theme="warm-sepia"] .btn-ghost:hover,
[data-theme="warm-sepia"] .twohanded-toggle:hover {
    background: linear-gradient(180deg, hsl(38 42% 96%), hsl(34 32% 90%));
    border-color: hsl(31 42% 38% / 0.44);
    color: hsl(30 34% 24%);
    transform: translateY(-1px);
}

[data-theme="warm-sepia"] .tab_btn.active,
[data-theme="warm-sepia"] .tab_btn.active-tab,
[data-theme="warm-sepia"] .tab_btn_vertical.active,
[data-theme="warm-sepia"] .tab-buttons .tab-btn.active,
[data-theme="warm-sepia"] .tab-navigation .tab-btn.active,
[data-theme="warm-sepia"] .tab_btn_horizontal.active,
[data-theme="warm-sepia"] .tab_btn_horizontal.main-tab,
[data-theme="warm-sepia"] .tab_btn_original.active,
[data-theme="warm-sepia"] .nav-icon-btn.active,
[data-theme="warm-sepia"] #edit_btn_nav.active,
[data-theme="warm-sepia"] .twohanded-toggle.active,
[data-theme="warm-sepia"] .btn-primary,
[data-theme="warm-sepia"] .roll-button,
[data-theme="warm-sepia"] input[type="submit"],
[data-theme="warm-sepia"] .btn-modal {
    background: linear-gradient(180deg, hsl(31 42% 44%), hsl(28 36% 28%));
    border-color: hsl(28 34% 24%);
    color: hsl(42 48% 98%);
    box-shadow:
        inset 0 1px 0 hsl(36 54% 72% / 0.34),
        0 10px 22px hsl(26 28% 18% / 0.16);
}

[data-theme="warm-sepia"] .btn-primary:hover,
[data-theme="warm-sepia"] .roll-button:hover,
[data-theme="warm-sepia"] input[type="submit"]:hover,
[data-theme="warm-sepia"] .btn-modal:hover {
    background: linear-gradient(180deg, hsl(31 46% 48%), hsl(28 38% 30%));
    box-shadow:
        inset 0 1px 0 hsl(36 54% 72% / 0.4),
        0 12px 26px hsl(26 28% 18% / 0.2);
}

[data-theme="warm-sepia"] input,
[data-theme="warm-sepia"] textarea,
[data-theme="warm-sepia"] select,
[data-theme="warm-sepia"] .input,
[data-theme="warm-sepia"] .textarea,
[data-theme="warm-sepia"] .select,
[data-theme="warm-sepia"] .form-select,
[data-theme="warm-sepia"] .modal-input,
[data-theme="warm-sepia"] .equipment-select {
    background: hsl(42 48% 99%);
    border: 1px solid var(--border-subtle);
    color: var(--text-primary);
    border-radius: var(--radius-md);
    box-shadow: inset 0 1px 2px hsl(26 28% 18% / 0.06);
}

[data-theme="warm-sepia"] input:focus,
[data-theme="warm-sepia"] textarea:focus,
[data-theme="warm-sepia"] select:focus,
[data-theme="warm-sepia"] .input:focus,
[data-theme="warm-sepia"] .textarea:focus,
[data-theme="warm-sepia"] .select:focus,
[data-theme="warm-sepia"] .form-select:focus,
[data-theme="warm-sepia"] .modal-input:focus,
[data-theme="warm-sepia"] .equipment-select:focus {
    outline: none;
    border-color: hsl(31 42% 38%);
    box-shadow:
        0 0 0 3px var(--color-focus-ring),
        inset 0 1px 2px hsl(26 28% 18% / 0.05);
}

[data-theme="warm-sepia"] table,
[data-theme="warm-sepia"] .equipment-table {
    background: hsl(42 48% 98%);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

[data-theme="warm-sepia"] th,
[data-theme="warm-sepia"] .equipment-table th {
    background: linear-gradient(180deg, hsl(35 32% 84%), hsl(31 30% 72%));
    color: hsl(28 28% 16%);
    border-bottom: 1px solid hsl(31 42% 38% / 0.42);
}

[data-theme="warm-sepia"] td {
    border-color: hsl(34 22% 78% / 0.62);
}

[data-theme="warm-sepia"] tr:hover td {
    background: hsl(36 34% 91% / 0.72);
}

[data-theme="warm-sepia"] .progress-container,
[data-theme="warm-sepia"] .bar-track,
[data-theme="warm-sepia"] .resource-bar,
[data-theme="warm-sepia"] .weight-bar-container,
[data-theme="warm-sepia"] progress {
    background: hsl(34 22% 84%);
    border: 1px solid hsl(34 22% 74% / 0.7);
    border-radius: 999px;
    box-shadow: inset 0 1px 4px hsl(26 28% 18% / 0.08);
}

[data-theme="warm-sepia"] .health-bar,
[data-theme="warm-sepia"] .hp-bar-fill,
[data-theme="warm-sepia"] .weight-progress-bar.weight-ok,
[data-theme="warm-sepia"] .weight-fill,
[data-theme="warm-sepia"] .encumbrance-fill {
    background: linear-gradient(90deg, hsl(145 28% 36%), hsl(145 32% 52%)) !important;
}

[data-theme="warm-sepia"] .magic-bar,
[data-theme="warm-sepia"] .mana-bar-fill,
[data-theme="warm-sepia"] .energy-bar-fill {
    background: linear-gradient(90deg, hsl(208 24% 44%), hsl(208 34% 60%)) !important;
}

[data-theme="warm-sepia"] .endurance-bar,
[data-theme="warm-sepia"] .stamina-bar-fill,
[data-theme="warm-sepia"] .weight-progress-bar.weight-warn {
    background: linear-gradient(90deg, hsl(31 42% 38%), hsl(36 54% 62%)) !important;
}

[data-theme="warm-sepia"] .weight-progress-bar.weight-crit {
    background: linear-gradient(90deg, hsl(2 42% 38%), hsl(2 48% 56%)) !important;
}

[data-theme="warm-sepia"] .inventory-slot,
[data-theme="warm-sepia"] .item-slot,
[data-theme="warm-sepia"] .inventory-item,
[data-theme="warm-sepia"] .currency-tile,
[data-theme="warm-sepia"] .buff-tile,
[data-theme="warm-sepia"] .debuff-tile,
[data-theme="warm-sepia"] .neutral-tile,
[data-theme="warm-sepia"] .spell-template,
[data-theme="warm-sepia"] .resource-tile {
    background: linear-gradient(180deg, hsl(42 48% 98%), hsl(38 32% 93%));
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 hsl(0 0% 100% / 0.88),
        0 8px 18px hsl(26 28% 18% / 0.08);
}

[data-theme="warm-sepia"] .discipline-header,
[data-theme="warm-sepia"] .info-category-header,
[data-theme="warm-sepia"] .info-subcategory-header,
[data-theme="warm-sepia"] .itemtype-header {
    background: linear-gradient(180deg, hsl(31 42% 44%), hsl(28 36% 28%));
    color: hsl(42 48% 98%) !important;
    border: 1px solid hsl(28 34% 24% / 0.72);
    border-radius: var(--radius-lg);
    box-shadow: inset 0 1px 0 hsl(36 54% 72% / 0.3);
}

[data-theme="warm-sepia"] .stat-item,
[data-theme="warm-sepia"] .stat-box,
[data-theme="warm-sepia"] .info-item,
[data-theme="warm-sepia"] .character-stat,
[data-theme="warm-sepia"] .status-tile {
    background: linear-gradient(180deg, hsl(42 48% 98%), hsl(38 30% 92%)) !important;
    border: 1px solid var(--border-subtle) !important;
    border-left: 3px solid hsl(31 42% 38% / 0.7) !important;
}

[data-theme="warm-sepia"] .attribute-icon-container {
    background: linear-gradient(180deg, hsl(31 42% 44%), hsl(28 36% 28%));
    color: hsl(42 48% 98%);
}

[data-theme="warm-sepia"] .attribute-value,
[data-theme="warm-sepia"] .stat-value,
[data-theme="warm-sepia"] .tt-total-label,
[data-theme="warm-sepia"] .tt-total-value {
    color: hsl(31 42% 32%);
}

[data-theme="warm-sepia"] .attribute-bonus {
    background: hsl(36 34% 90%);
    color: hsl(31 42% 32%);
}

[data-theme="warm-sepia"] .attribute-card.physical { border-left-color: hsl(31 42% 38%); }
[data-theme="warm-sepia"] .attribute-card.mental { border-left-color: hsl(208 24% 44%); }
[data-theme="warm-sepia"] .attribute-card.social { border-left-color: hsl(270 28% 44%); }
[data-theme="warm-sepia"] .attribute-card.special { border-left-color: hsl(145 28% 36%); }

[data-theme="warm-sepia"] .roll-result,
[data-theme="warm-sepia"] .combat-highlight,
[data-theme="warm-sepia"] .status-pill.active {
    background: linear-gradient(180deg, hsl(31 42% 44%), hsl(28 36% 28%));
    color: hsl(42 48% 98%);
    border: 1px solid hsl(28 34% 24% / 0.72);
}

[data-theme="warm-sepia"] .unified-tooltip,
[data-theme="warm-sepia"] .spell-tooltip,
[data-theme="warm-sepia"] #item-tooltip,
[data-theme="warm-sepia"] .basic-tooltip,
[data-theme="warm-sepia"] .tooltiptext {
    background: var(--color-tooltip-bg);
    border: 1px solid var(--color-tooltip-separator);
    color: var(--color-tooltip-text);
    box-shadow: 0 16px 34px hsl(26 28% 18% / 0.12);
}

[data-theme="warm-sepia"] .icon-themed,
[data-theme="warm-sepia"] img.icon-themed,
[data-theme="warm-sepia"] .tab_Icon,
[data-theme="warm-sepia"] .tab_btn img,
[data-theme="warm-sepia"] .nav-icon-btn img,
[data-theme="warm-sepia"] #div_iconbar_left img,
[data-theme="warm-sepia"] #div_iconbar_right img {
    filter: var(--icon-filter);
}

[data-theme="warm-sepia"] .tab_btn.active img,
[data-theme="warm-sepia"] .tab_btn.active-tab img,
[data-theme="warm-sepia"] .nav-icon-btn.active img,
[data-theme="warm-sepia"] .active > img.icon-themed {
    filter: brightness(0) invert(1) !important;
}

[data-theme="warm-sepia"] .spell-icon,
[data-theme="warm-sepia"] .spell-icon-container img,
[data-theme="warm-sepia"] .spell-tile img {
    filter: none !important;
}

[data-theme="warm-sepia"] ::-webkit-scrollbar { width: 10px; height: 10px; }
[data-theme="warm-sepia"] ::-webkit-scrollbar-track { background: hsl(38 30% 88%); }

[data-theme="warm-sepia"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, hsl(34 30% 58%), hsl(31 42% 38%));
    border-radius: 999px;
    border: 2px solid hsl(38 30% 88%);
}

[data-theme="warm-sepia"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, hsl(36 54% 58%), hsl(31 42% 34%));
}

[data-theme="warm-sepia"] ::selection,
[data-theme="warm-sepia"] ::-moz-selection {
    background: hsl(31 42% 38% / 0.24);
    color: hsl(28 28% 16%);
}

@media (max-width: 768px) {
    [data-theme="warm-sepia"] body::before {
        opacity: 0.2;
    }
}
[data-theme="warm-sepia"] .toxicity-container {
    border-color: var(--color-toxicity) !important;
}

[data-theme="warm-sepia"] .toxicity-bar {
    background: var(--gradient-toxicity-resource) !important;
    box-shadow: var(--shadow-glow-toxicity) !important;
}

[data-theme="warm-sepia"] #toxicityText {
    color: var(--text-light);
}