:root {
    --primary-main: #8B1E2C;
    --primary-dark: #5c1420;
    --primary-light: #a82436;
    --primary-deep: #2e080d;
    --secondary-main: #87e0ff;
    --secondary-light: #a8e8ff;
    --secondary-dark: #5ec8ed;
    --text-primary: #87E0FF;
    --text-secondary: #1A5276;
    --text-dark: #2e080d;
    --text-gray: #7a4a52;
    --text-light: #FFFFFF;
    --bg-primary: #f9f0ef;
    --bg-white: #ffffff;
    --bg-dark: #5EC8ED;
    --nav-bg: #2e080d;
    --nav-text: #87e0ff;
    --nav-text-hover: #a8e8ff;
    --nav-border: #87e0ff;
    --footer-bg: #8B1E2C;
    --footer-text: #87e0ff;
    --footer-link: #a8e8ff;
    --footer-link-hover: #87E0FF;
    --btn-primary-bg: #8B1E2C;
    --btn-primary-text: #87e0ff;
    --btn-primary-hover-bg: #5C1420;
    --btn-primary-hover-text: #A8E8FF;
    --btn-secondary-bg: #87e0ff;
    --btn-secondary-text: #8B1E2C;
    --btn-secondary-hover-bg: #5EC8ED;
    --btn-secondary-hover-text: #5C1420;
    --match-card-bg: #8B1E2C;
    --match-card-text: #87e0ff;
    --hero-title: #87E0FF;
    --hero-subtitle: #A8E8FF;
    --match-card-vs: #87e0ff;
    --news-date-bg: #8B1E2C;
    --news-date-text: #87E0FF;
    --news-category-bg: #8B1E2C;
    --news-category-text: #87E0FF;
    --news-title: #2E080D;
    --results-header-bg: #8B1E2C;
    --results-header-text: #87e0ff;
    --results-score-bg: #8B1E2C;
    --results-score-text: #87e0ff;
    --results-win-badge: #8B1E2C;
    --results-draw-badge: #87E0FF;
    --standings-header-bg: #8B1E2C;
    --standings-header-text: #87e0ff;
    --standings-chitipa-row: #8B1E2C;
    --standings-points: #8B1E2C;
    --player-number-bg: #87e0ff;
    --player-number-text: #8B1E2C;
    --player-name: #2E080D;
    --player-role: #8B1E2C;
}

/* Additional CSS Variables Mapping */
:root {
    --primary: var(--primary-main);
    --primary-dark: var(--primary-dark);
    --primary-light: var(--primary-light);
    --primary-deep: var(--primary-deep);
    --secondary: var(--secondary-main);
    --secondary-light: var(--secondary-light);
    --secondary-dark: var(--secondary-dark);
    --dark: var(--text-dark);
    --gray: var(--text-gray);
    --light: var(--bg-primary);
    --bg-maroon: var(--bg-primary);
    --bg-white: var(--bg-white);
    --bg-maroon-dark: var(--bg-dark);
    --text-maroon: var(--text-primary);
    --text-sky: var(--text-secondary);
    --text-dark: var(--text-dark);
    --text-gray: var(--text-gray);
}