:root {
    --primary: #D97036;
    --secondary: #20D6C8;
    --accent: #E65B5C;
    --bg: #F8F9FA;
    --surface: #FFFFFF;
    --text: #1C2A2F;
}

.dark {
    --primary: #D97036;
    --secondary: #20D6C8;
    --accent: #E65B5C;
    --bg: #1C2A2F;
    --surface: #263338;
    --text: #F8F9FA;
}

.nav-logo {
    height: 75px;
    width: auto;
}

body {
    background-color: var(--bg);
    color: var(--text);
    transition: background-color 0.2s, color 0.2s;
    -webkit-font-smoothing: antialiased;
}

.bg-surface { background-color: var(--surface); }
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.bg-primary { background-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }

.group:hover .group-hover-block {
    display: block;
}

@media print {
    header, nav, footer, .no-print {
        display: none !important;
    }
    body {
        background: white !important;
        color: black !important;
    }
    main {
        padding: 0 !important;
        max-width: 100% !important;
    }
    .print-branding {
        display: block !important;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 1.5rem;
        color: var(--primary);
    }
    .break-after-page {
        break-after: page;
    }
    .print-toc {
        break-after: page;
    }
}