:root {
    --primary-color: #f8f9fa;
    --secondary-color: #333333;
    --accent-color: #007bff;
    --background-color: #f2f2f2;
    --text-color: #333333;
    --border-color: #dddddd;
    --font-family: 'Varela', sans-serif;
    --logout-red: #A52A2A;

    /* Conditional Colors */
    --red-bright: #ff0000;
    --red-dark: #cc0000;
    --red-light-bg: #ffe6e6;
    --orange: #ffa500;
    --orange-light-bg: #fff5e6;
    --light-green: #90ee90;
    --light-green-light-bg: #f0fff0;
    --green: #008000;
    --green-light-bg: #e6f2e6;
    --dark-green: #006400;
    --dark-green-light-bg: #c6e0b4;
}