:root {
    --c7-bg: #0b0909;
    --c7-surface-1: #0f0b0c;
    --c7-surface-2: #141011;
    --c7-surface-3: #120d0e;
    --c7-input: #171314;
    --c7-chip: #1d1617;
    --c7-modal: #161112;
    --c7-primary: #d52b1e;
    --c7-primary-hover: #ee3526;
    --c7-primary-deep: #7a1009;
    --c7-accent: #ff7a6e;
    --c7-gold: #e8c77a;
    --c7-gold-hover: #f2d690;
    --c7-gold-dark: #a8822e;
    --c7-on-gold: #1a1210;
    --c7-text: #fff;
    --c7-text-2: #d6cfd1;
    --c7-text-muted: #a39a9e;
    --c7-text-faint: #8f8589;
    --c7-success: #3ddc84;
    --c7-badge-new: #2f6b4a;
    --c7-line: rgba(255, 255, 255, 0.1);
    --c7-line-soft: rgba(255, 255, 255, 0.06);
    --c7-line-strong: rgba(255, 255, 255, 0.16);
    --c7-font-display: "Archivo", system-ui, sans-serif;
    --c7-font-body: "Plus Jakarta Sans", system-ui, sans-serif;
    --c7-r-sm: 10px;
    --c7-r-md: 12px;
    --c7-r-tile: 16px;
    --c7-r-card: 20px;
    --c7-r-panel: 24px;
    --c7-r-pill: 999px;
    --c7-control: 44px;
    --c7-header: 68px;
    --c7-sidebar: 256px;
    --c7-glow: 0 12px 30px rgba(213, 43, 30, 0.45);
    --c7-glow-sm: 0 6px 20px rgba(213, 43, 30, 0.45);
    --c7-shadow-pop: 0 24px 60px rgba(0, 0, 0, 0.6);
    --c7-shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.7);
    --c7-gap: 16px;
    --c7-section: 56px;
    --c7-bottom-nav: 68px;
}

@media (max-width: 899.98px) {
    :root {
        --c7-section: 40px;
    }
}