:root {
    /* Copper Palette - Refined for Luxury */
    --copper: #B87333;
    --copper-light: #CFA06A;
    --copper-dark: #96592A;
    --copper-muted: rgba(184, 115, 51, 0.7);

    /* Sidebar - Deep charcoal with warm undertones */
    --sidebar-bg: #0D0B09;
    --sidebar-text: #FAFAFA;
    --sidebar-text-muted: rgba(250, 250, 250, 0.55);
    --sidebar-hover: rgba(184, 115, 51, 0.08);
    --sidebar-active: rgba(184, 115, 51, 0.12);
    --sidebar-border: rgba(184, 115, 51, 0.15);

    /* Content - Warm whites */
    --content-bg: #FCFBFA;
    --text-color: #1A1614;
    --text-muted: #6B635C;

    /* Accent */
    --accent-color: var(--copper);
}

/* Logo with subtle copper tint */
.sidebar-header .logo {
    color: var(--copper-light);
}

/* Refined hover states */
.nav-link:hover {
    color: var(--sidebar-text);
    background-color: var(--sidebar-hover);
    border-left-color: var(--copper-muted);
}

.nav-link.active {
    color: var(--sidebar-text);
    background-color: var(--sidebar-active);
    border-left-color: var(--copper);
}

/* Section styling */
.section h1 {
    border-bottom-color: var(--copper);
}

/* Links */
a:not(.nav-link):not(.btn):not(.history-btn-view) {
    color: var(--copper);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--transition-fast);
}

a:not(.nav-link):not(.btn):not(.history-btn-view):hover {
    border-bottom-color: var(--copper);
}

/* Buttons */
.btn-primary {
    background-color: var(--copper);
}

.btn-primary:hover {
    background-color: var(--copper-dark);
}

.btn-text {
    border-bottom-color: var(--copper);
}

.btn-text:hover {
    color: var(--copper);
}

/* Selection */
::selection {
    background-color: var(--copper);
    color: white;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--content-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--copper-muted);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--copper);
}

/* Divider utility */
.divider {
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        var(--copper-muted),
        transparent
    );
    margin: var(--space-lg) 0;
}

/* Accent line (Genesis-style subtle detail) */
.accent-line {
    width: 60px;
    height: 1px;
    background-color: var(--copper);
    margin: var(--space-md) 0;
}

/* Quote block */
blockquote {
    border-left: 2px solid var(--copper);
    padding-left: var(--space-md);
    margin: var(--space-md) 0;
    color: var(--text-muted);
    font-style: italic;
}

/* Copper highlight text */
.highlight {
    color: var(--copper);
    font-weight: 500;
}

/* Navigation badge refinements */
.nav-badge {
    background-color: rgba(184, 115, 51, 0.15);
    color: var(--copper-light);
}

.nav-badge.badge-working {
    background-color: rgba(184, 115, 51, 0.3);
    color: var(--copper-light);
}

/* Submenu styling refinements */
.nav-submenu {
    background-color: rgba(0, 0, 0, 0.2);
}

.nav-submenu .nav-link:hover::before,
.nav-submenu .nav-link.active::before {
    background-color: var(--copper);
}