:root {
    --body-color: #ECF0F3;
    --dark-color: #171C24;
    --light-gray: #f8f9f9;
    --white-color: #FFF;

    --hover-color: #3498DB;

    --primary: #3498db;
    --primary-dark: #2980b9;
    --secondary: #2ecc71;
    --danger: #e74c3c;
    --warning: #f39c12;
    --light: #ecf0f1;
    --dark: #2c3e50;
    --gray: #95a5a6;

    --success: #27ae60;
    --info: #16a085;
    --error: #c0392b;
    --muted: #7f8c8d;

    /* Attendance */
    --present: #2ecc71;
    --absent: #e74c3c;
    --late: #f1c40f;

    /* Grade Colors */
    --grade-a: #2ecc71;
    --grade-b: #3498db;
    --grade-c: #f39c12;
    --grade-d: #e67e22;
    --grade-f: #e74c3c;

    /* Table Row Highlighting */
    --row-hover: #f8f9fa;
    --row-selected: #d6e4ff;

    /* Form Inputs */
    --input-border: #dcdfe3;
    --input-focus: #5dade2;
    --input-bg: #ffffff;

    /* Navigation and Topbar */
    --topbar-bg: #1F2847;
    --topbar-text: #ffffff;

    /* Cards */
    --card-bg: #ffffff;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    /* Charts */
    --chart-blue: #2980b9;
    --chart-green: #27ae60;
    --chart-yellow: #f1c40f;
    --chart-red: #e74c3c;
    --chart-purple: #9b59b6;

    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}