:root {
    --bg-base: #0A0C12;
    --bg-surface: #14171F;
    --bg-surface-raised: #1C2028;
    --accent-brass: #C08A3E;
    --accent-brass-hover: #D4A155;
    --accent-redlight: #B8402F;
    --accent-redlight-dim: #7A2B22;
    --accent-redlight-text: #D4604F;
    --text-primary: #9F9B93;
    --text-muted: #868C99;
    --border-hairline: rgba(194, 150, 110, 0.14);
    --status-success: #7FB88F;
    --status-error: #E0654A;
    --status-warning: #D1A860;
    /* Kolory serii wykresów */
    --chart-blue: #6FA3D9;
    --chart-violet: #A88BD6;

    --font-display: "Source Serif 4", Georgia, serif;
    --font-body: "Source Sans 3", "Segoe UI", sans-serif;

    /* Odstępy (rem) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;

    /* Promienie */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;

    /* Wymiary reklam (px) */
    --ad-leaderboard-height: 90px;
    --ad-native-height: 120px;
    --ad-rail-width: 300px;
    --ad-rail-height: 600px;
}