:root { --theme-name: "Matchday Pro Soft Dark"; /* === Core Brand Colors === */ --primary: #1f6feb; --primary-light: #3f8cff; --primary-dark: #164ea6; /* === Accent System === */ --accent: #00c2ff; --accent-text:#0c1420; --accent-light: #66e0ff; --accent-dark: #0090c4; --accent-readable:#00c2ff; --accent2: #ff3b3b; --accent2-light: #ff6b6b; --accent2-dark: #c62828; --accent3: #f4c430; --accent3-light: #ffe27a; --accent3-dark: #c9a120; /* === Backgrounds (IMPROVED) === */ --bg-main: #121c2b; --bg-header: #182536; --bg-secondary: #142133; --bg-card: #1a2a3d; --bg-card2: #213247; --bg-hover: #2a3f5a; --bg-selected-odd: #00ab9a; --bg-sidebar-drawer: #182536; --bg-drawer-selected-a: #21354d; --bg-drawer-selected-li: #1a2a3d; --bg-drawer-sub-selected-a: #2a4664; --bg-league: #1a2a3d; --bg-alerts:#214a66; --bg-gol-team:#1f8f3f; --bg-gol-score:#2b6b5b; --bg-chat:url(/images/chatbg.webp?v=1); --bg-warning:#e7e7b8; --bg-st-team:#225447; /* === Text === */ --text-primary: #eaf1f8; --text-secondary: #c3d0de; --text-muted: #96a9bb; --text-invert: #0c1420; --text-header: #eaf1f8; --text-live: #eaff00; --text-selected-odd: #ffffff; --text-logo: #eaf1f8; --text-detay-tab:#66e0ff; --text-warning:#2b2d2f; --overlay-rgb: 0,0,0; --overlay-rgb-invert: 255,255,255; --loading:invert(1); /* === Borders === */ --border-color: #2c425a; --border-glow: #1f6feb44; /* === Buttons === */ --btn-bg: var(--primary); --btn-bg-hover: var(--primary-light); --btn-text: #ffffff; --btn-shadow: 0 6px 18px rgba(31, 111, 235, 0.30); /* === Inputs === */ --input-bg: #182536; --input-bg2: #121c2b; --input-border: #2c425a; --input-focus: var(--primary); /* === Status === */ --success: #22c55e; --warning: #f4c430; --error: #ff3b3b; --info: var(--accent); /* === Gradients === */ --gradient-main: linear-gradient( 135deg, #121c2b 0%, #1a2a3d 60%, #1f6feb 100% ); --gradient-accent: linear-gradient( 90deg, #1f6feb, #00c2ff ); /* === Shadows === */ --shadow-card: 0 6px 24px rgba(0, 0, 0, 0.45); --shadow-hover: 0 10px 32px rgba(31, 111, 235, 0.28); }