/* 
   Sporflix Modern Theme System
   Customize these variables to change the design instantly!
*/

:root {
    /* --- COLORS --- */
    --primary-white: #ffffff;
    --accent-red: #f44336;
    --bg-dark: #000000;
    --bg-card: rgba(255, 255, 255, 0.05);
    --border-dim: rgba(255, 255, 255, 0.1);

    /* --- SHAPE --- */
    --radius-main: 8px;
    --max-width: 1000px;

    /* --- ANIMATION --- */
    --transition-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Base Overrides using variables */
body {
    background: var(--bg-dark) !important;
    color: var(--primary-white) !important;
}

.single-match {
    border-radius: var(--radius-main);
    border: 1px solid var(--border-dim);
}

.single-match:hover,
.single-match.active {
    background: var(--primary-white) !important;
    color: var(--bg-dark) !important;
}