:root {
    /* Admin/Backend Colors */
    --admin-primary-color: #000000;
    --admin-secondary-color: #ff0026;
    --admin-background-color: #f5f7fa;
    --admin-text-color: #2d3748;
    --admin-sidebar-bg: #810808;
    --admin-sidebar-text: #ffffff;
    --admin-card-bg: #ffffff;
    --admin-button-primary: #ff0000;
    --admin-button-secondary: #e2e8f0;
    
    /* Frontend - General Page Colors */
    --page-bg: #ffffff;
    --page-text: #333333;
    --page-border: #dddddd;
    
    /* Frontend - Navbar Colors */
    --navbar-bg: #222222;
    --navbar-text: #ffffff;
    
    /* Frontend - Panel Colors */
    --panel-bg: #ffffff;
    --panel-heading-bg: linear-gradient(135deg, #ff2600 0%, #ff2600 100%);
    --panel-heading-text: #ffffff;
    --panel-body-bg: #f5f5f5;
    
    /* Frontend - Table Colors */
    --table-bg: #ffffff;
    --table-border: #dddddd;
    --table-header-bg: #bd0000;
    --table-header-text: #ffffff;
    --team-cell-bg: #fafafa;
    
    /* Frontend - Score & Stadium Colors */
    --score-bg: #f8f9fa;
    --score-text: #333333;
    --stadium-bg: linear-gradient(135deg, #756c00 0%, #756c00 100%);
    --match-stadium-bg: linear-gradient(135deg, #756c00 0%, #756c00 100%);
    --stadium-text: #ffffff;
    
    /* Frontend - Referee Colors */
    --referee-bg: #ffffff;
    --referee-text: #333333;
    
    /* Frontend - Link Colors */
    --link-color: rgb(34, 34, 34);
    --link-hover: #cf1212;
    
    /* Frontend - Footer Colors */
    --footer-text: #333333;
    
    /* Frontend - Commentary Section Colors */
    --commentary-bg: #ffffff;
    --commentary-text: #333333;
    --commentary-border: #dddddd;
    --commentary-heading-bg: #ad0000;
    --commentary-heading-text: #ffffff;
    --commentary-table-bg: #ffffff;
    --commentary-time-bg: #f5f5f5;
    --commentary-time-text: #333333;
    --commentary-card-bg: #ffffff;
    --commentary-card-border: #dddddd;
    --commentary-empty-text: #999999;
    
    /* Frontend - Goal/Comment Type Colors */
    --goal-bg: #49b800;
    --goal-text: #ffffff;
    --yellow-card-bg: #ffd500;
    --yellow-card-text: #2d4a1f;
    --red-card-bg: #ff0000;
    --red-card-text: #ffffff;
}

/* Dark Mode Colors */
[data-theme="dark"] {
    /* Frontend - General Page Colors (Dark Mode) */
    --page-bg: #1a1a1a;
    --page-text: #e0e0e0;
    --page-border: #444444;
    
    /* Frontend - Navbar Colors (Dark Mode) */
    --navbar-bg: #0d0d0d;
    --navbar-text: #ffffff;
    
    /* Frontend - Panel Colors (Dark Mode) */
    --panel-bg: #2a2a2a;
    --panel-heading-bg: linear-gradient(135deg, #2d4a6b 0%, #2d4a6b 100%);
    --panel-heading-text: #ffffff;
    --panel-body-bg: #1f1f1f;
    
    /* Frontend - Table Colors (Dark Mode) */
    --table-bg: #2a2a2a;
    --table-border: #444444;
    --table-header-bg: #31383f;
    --table-header-text: #ffffff;
    --team-cell-bg: #121212;
    
    /* Frontend - Score & Stadium Colors (Dark Mode) */
    --score-bg: #2a2a2a;
    --score-text: #e0e0e0;
    --stadium-bg: linear-gradient(135deg, #4a3d6b 0%, #4a3d6b 100%);
    --match-stadium-bg: linear-gradient(135deg, #4a3d6b 0%, #4a3d6b 100%);
    --stadium-text: #ffffff;
    
    /* Frontend - Referee Colors (Dark Mode) */
    --referee-bg: #2a2a2a;
    --referee-text: #e0e0e0;
    
    /* Frontend - Link Colors (Dark Mode) */
    --link-color: #5a9fd4;
    --link-hover: #7ab8e6;
    
    /* Frontend - Footer Colors (Dark Mode) */
    --footer-text: #e0e0e0;
    
    /* Frontend - Commentary Section Colors (Dark Mode) */
    --commentary-bg: #1a1a1a;
    --commentary-text: #e0e0e0;
    --commentary-border: #444444;
    --commentary-heading-bg: #10092a;
    --commentary-heading-text: #ffffff;
    --commentary-table-bg: #1a1a1a;
    --commentary-time-bg: #2a2a2a;
    --commentary-time-text: #e0e0e0;
    --commentary-card-bg: #2a2a2a;
    --commentary-card-border: #444444;
    --commentary-empty-text: #888888;
    
    /* Frontend - Goal/Comment Type Colors (Dark Mode) */
    --goal-bg: #76c442;
    --goal-text: #ffffff;
    --yellow-card-bg: #fff700;
    --yellow-card-text: #2d4a1f;
    --red-card-bg: #ff0026;
    --red-card-text: #ffffff;
}