:root{
    --darkgray: #121720;
    --gray: #1a2330;
    --lightgray: #202c3c;
    --hoverColor: #046daa;
    --button: rgb(41, 58, 159);

    /* Accent Colors */
    --primary: #0f84ff;         /* Vibrant sky blue */
    --secondary: #7f5af0;       /* Electric purple */
    --tertiary: #ff6b6b;        /* Coral red for bold accents */

    /* Utility Colors */
    --success: #2ecc71;         /* Green - Success */
    --warning: #f1c40f;         /* Yellow - Warning */
    --error: #e74c3c;           /* Red - Error */

    /* Text + UI Neutrals */
    --text-primary: #ffffff;    /* Primary text on dark background */
    --text-secondary: #c0cad8;  /* Muted light blue-gray for secondary text */
    --border-color: #2e3c50;    /* Subtle border on dark UI */
    --card-bg: #1c2738;         /* Slightly different dark for cards */
    --input-bg: #263345;        /* Dark input background */
}