:root {
    /* Torneo di San Pantaleone Dark Theme Color Palette */
    --bg-main: HSL(345, 12%, 8%); /* Deep burgundy-charcoal background */
    --bg-card: HSL(345, 10%, 12%); /* Lighter charcoal for containers/cards */
    --bg-header: HSL(345, 12%, 9%); /* Dark header background */
    --border-color: HSL(345, 8%, 18%); /* Subtle border */
    --border-focus: HSL(45, 62%, 53%); /* Gold for focus */
    
    /* Brand & Accents */
    --primary: HSL(348, 66%, 42%); /* Tournament Crimson */
    --primary-hover: HSL(348, 66%, 33%);
    --primary-glow: RGBA(139, 28, 50, 0.15);
    
    --secondary: HSL(45, 62%, 53%); /* Tournament Gold */
    --secondary-hover: HSL(45, 62%, 43%);
    --secondary-glow: RGBA(210, 172, 60, 0.15);
    
    --success: HSL(142, 70%, 45%); /* Win green */
    --success-bg: HSLA(142, 70%, 45%, 0.12);
    
    --danger: HSL(355, 85%, 55%); /* Live red / Loss */
    --danger-bg: HSLA(355, 85%, 55%, 0.12);
    
    --warning: HSL(40, 95%, 50%); /* Draw yellow */
    --warning-bg: HSLA(40, 95%, 50%, 0.12);

    /* Text */
    --text-primary: HSL(0, 0%, 97%);
    --text-secondary: HSL(345, 8%, 70%); /* Light warm grey */
    --text-muted: HSL(345, 6%, 52%); /* Darker warm grey */

    /* Typography Sizes (Sofascore is compact) */
    --fs-xs: 10px;
    --fs-sm: 12px;
    --fs-md: 13px;
    --fs-lg: 14px;
    --fs-xl: 16px;
    --fs-xxl: 18px;

    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Radii */
    --radius-lg: 8px;
    --radius-md: 6px;
    --radius-sm: 4px;
    
    /* Shadows & Transitions */
    --shadow-sm: 0 1px 3px RGBA(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px RGBA(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 24px RGBA(0, 0, 0, 0.4);
    --shadow-glow: 0 0 12px RGBA(60, 114, 230, 0.2);
    
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
}