:root {
    /* Brand Colors */
    --sa-primary: #1B2B4B;
    --sa-primary-light: #243A5E;
    --sa-accent: #E8453C;
    --sa-accent-hover: #C93830;
    --sa-breaking: #E8453C;
    --sa-breaking-dark: #C93830;
    --sa-eksklusiv: #D4A853;
    --sa-eksklusiv-dark: #B8923F;
    --sa-live: #E8453C;
    --sa-sport: #1A8754;
    --sa-underholdning: #7C3AED;
    --sa-oekonomi: #D97706;
    --sa-success: #1A8754;
    --sa-error: #E8453C;

    /* Backgrounds */
    --sa-bg: #FAFAF8;
    --sa-bg-secondary: #F0F0EC;
    --sa-bg-dark: #1B2B4B;
    --sa-bg-card: #FFFFFF;

    /* Text */
    --sa-text: #1D1D1F;
    --sa-text-secondary: #4A4A4C;
    --sa-text-muted: #6B7280;
    --sa-text-light: #FFFFFF;

    /* Borders */
    --sa-border: #E5E7EB;
    --sa-border-dark: #D1D5DB;

    /* Typography */
    --sa-font-headline: 'DM Serif Display', Georgia, 'Times New Roman', serif;
    --sa-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --sa-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --sa-font-mono: 'SF Mono', 'Monaco', 'Cascadia Code', 'Consolas', monospace;

    /* Sizes */
    --sa-max-width: 1440px;
    --sa-content-width: 960px;
    --sa-ad-col-width: 300px;
    --sa-header-height: 64px;
    --sa-ticker-height: 40px;
    --sa-nav-height: 44px;

    /* Spacing */
    --sa-gap: 16px;
    --sa-gap-lg: 24px;
    --sa-gap-xl: 48px;

    /* Radius */
    --sa-radius: 6px;
    --sa-radius-lg: 12px;

    /* Shadows */
    --sa-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --sa-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --sa-shadow-hover: 0 8px 24px rgba(0,0,0,0.1);

    /* Transitions */
    --sa-transition: 0.2s ease;

    /* 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;
}