:root {
    /* === Text === */
    --primary-text: #f0f0f0;                /* Primary text on dark background */
    --secondary-text: #cccccc;              /* Less prominent text */
    --muted-text: #888888;                  /* Placeholder, helper or disabled text */

    /* === Background === */
    --primary-bg: #1e1e1e;                  /* Main dark background */
    --secondary-bg: #2a2a2a;                /* Slightly lighter background for containers or sections */

    /* === Buttons === */
    --primary-btn-color: #5a8ec9;           /* Lighter, more visible blue primary button */
    --primary-btn-color-hover: #4a7fb5;     /* Darker blue on hover */
    --primary-btn-color-disabled: #4b5563;  /* Gray-blue for disabled button */
    --primary-btn-text: #ffffff;            /* White text on primary button */

    --secondary-btn-color: #4b4b4b;         /* Dark gray for secondary button */
    --secondary-btn-color-hover: #5c5c5c;   /* Slightly lighter on hover */
    --secondary-btn-text: #ffffff;          /* White text for readability */

    /* === Alerts === */
    --danger: #ef4444;                      /* Red for error messages */
    --success: #22c55e;                     /* Green for success messages */
    --warning: #f59e0b;                     /* Amber for warnings */
    --info: #60a5fa;

    /* === Borders === */
    --border-primary: #7d7d7d;              /* Neutral dark gray border */
    --border-secondary: #585858;            /* Subtle border for secondary elements */

    /* === Accents === */
    --accent-1: #91b8dd;                    /* Reusable blue accent color */

    /* === Standard === */
    --green: #368653;                       /* Green tone used in success or UI accents */

    /* === Table Styling === */
    --table-header-bg: #3a3a3a;             /* Lighter than secondary for header distinction */
    --table-header-text: #ffffff;           /* White text for contrast */
    --table-odd-row-bg: #1e1e1e;            /* Dark primary background */
    --table-even-row-bg: #262626;           /* Slightly lighter for striping */
    --table-hover-bg: #2d2d2d;              /* Hover state - between odd and even */
    --table-border: #505050;                /* Visible border color for dark theme */
}