:root {
    /* Colors */
    --sa-primary: #000000;
    --sa-primary-light: #1a1a1a;
    --sa-accent: #ff1212;
    --sa-accent-hover: #cc0e0e;
    --sa-breaking: #ff1212;
    --sa-breaking-dark: #cc0e0e;
    --sa-eksklusiv: #FFD700;
    --sa-eksklusiv-dark: #D4AF37;
    --sa-live: #ff1212;
    --sa-sport: #00A651;
    --sa-underholdning: #9C27B0;
    --sa-oekonomi: #FF9800;
    --sa-success: #00A651;
    --sa-error: #ff1212;

    /* Backgrounds */
    --sa-bg: #F2F2F2;
    --sa-bg-secondary: #E8E8E8;
    --sa-bg-dark: #000000;
    --sa-bg-card: #FFFFFF;

    /* Text */
    --sa-text: #1A1A1A;
    --sa-text-secondary: #555555;
    --sa-text-muted: #888888;
    --sa-text-light: #FFFFFF;

    /* Borders */
    --sa-border: #E0E0E0;
    --sa-border-dark: #CCCCCC;

    /* Typography */
    --sa-font-headline: 'Roboto Condensed', Arial, sans-serif;
    --sa-font-body: 'Roboto Condensed', Arial, sans-serif;
    --sa-font-mono: 'SF Mono', 'Monaco', 'Cascadia Code', 'Consolas', monospace;

    /* Sizes - eb.dk-style wide layout */
    --sa-max-width: 1580px;
    --sa-content-width: 680px;
    --sa-ad-col-width: 300px;
    --sa-header-height: 56px;
    --sa-ticker-height: 36px;

    /* Spacing */
    --sa-gap: 12px;
    --sa-gap-lg: 20px;
    --sa-gap-xl: 32px;

    /* Shadows */
    --sa-shadow: 0 1px 3px rgba(0,0,0,0.12);
    --sa-shadow-hover: 0 2px 8px rgba(0,0,0,0.16);

    /* Z-index */
    --sa-z-ticker: 100;
    --sa-z-header: 200;
    --sa-z-nav: 300;
    --sa-z-search: 400;
    --sa-z-modal: 500;
    --sa-z-sticky-ad: 90;
}