:root {
    /* Primary Blues */
    --color-primary-50: #e6f2ff;
    --color-primary-100: #cce5ff;
    --color-primary-200: #99ccff;
    --color-primary-300: #66b2ff;
    --color-primary-400: #3399ff;
    --color-primary-500: #007bff; /* MAIN BRAND */
    --color-primary-600: #0069d9;
    --color-primary-700: #0056b3;
    --color-primary-800: #004085;
    --color-primary-900: #002752;
    /* Secondary (Deep Indigo Blend) */
    --color-secondary-500: #292075;
    --color-secondary-600: #1f195c;
    --color-secondary-700: #161242;
    /* Accent (Your preferred highlight tone) */
    --color-accent-500: #00b5ef;
    --color-accent-600: #0099cc;
    --color-accent-700: #0077a3;
    /* Backgrounds */
    --color-bg-primary: #f8fbff;
    --color-bg-secondary: #eef6ff;
    --color-bg-dark: #0a192f;
    /* Text Colors */
    --color-text-primary: #0f172a;
    --color-text-secondary: #475569;
    --color-text-light: #ffffff;
    /* Borders & UI */
    --color-border: #dbeafe;
    --color-card-bg: #ffffff;
    /* Status Colors */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-error: #ef4444;
    --color-info: #3b82f6;
    /* Gradient (your style preference applied) */
    --gradient-primary: linear-gradient(135deg, #00b5ef, #292075);
}