/* Color Palette for Black Background (default) */
:root {
    --primary-color: #004080;     /* Dark blue (sufficient contrast on white) */
    --secondary-color: #003366;   /* Darker blue (sufficient contrast on white) */
    --accent-color: #ffcc00;      /* Yellow accent (3:1 on black for large text) */
    --error-color: #cc0000;       /* Lighter red for errors (5.5:1 on #1A1A1A) */
    --error-hover-color:#990000; /* Darker red for hover (6.5:1 on black) */
    --background-color: #f9f9f9;  /* Light gray (unused here) */
    --text-color: #333;           /* Dark gray (unused here) */
    --light-background: #e8f1ff;  /* Light blue (unused here) */
    --link-color: #1a9ce8;        /* Bright blue for links (4.5:1 on black) */
    --button-blue: #0059b3;       /* Darker blue for buttons (4.6:1 on white) */
    --button-blue-hover: #004080; /* Darker blue for button hover (5.2:1 on white) */
    --button-blue-border: #003366;/* Dark blue for button borders (3:1 on #1A1A1A) */

    /* Color Palette for White Background (e.g., login page) */
    --white-bg-primary-color: #003087;    /* Darker blue for buttons (5.5:1 on white) */
    --white-bg-secondary-color: #00255d;  /* Darker blue for hover (7:1 on white) */
    --white-bg-accent-color: #b38f00;     /* Darker yellow for accents (4.5:1 on white) */
    --white-bg-error-color: #cc0000;      /* Dark red for errors (4.5:1 on white) */
    --white-bg-error-hover-color: #990000;/* Darker red for hover (6.5:1 on white) */
    --white-bg-link-color: #003087;       /* Dark blue for links (5.5:1 on white) */
    --white-bg-text-color: #1c2526;       /* Near-black for text (15:1 on white) */

    /* Additional Variables */
    --spacing: 10px;
    --border-radius: 5px;
    --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}