:root {
    /* Primary Colors - Premium Purple/Blue Gradient Vibe */
    --primary-color: #6C5DD3;
    /* Vibrant Purple */
    --primary-hover: #5a4cb5;
    --secondary-color: #3B82F6;
    /* Bright Blue */
    --accent-color: #FF754C;
    /* Coral/Orange for CTAs */

    /* Neutral Colors */
    --text-main: #11142D;
    --text-secondary: #808191;
    --text-white: #FFFFFF;

    /* Backgrounds */
    --bg-body: #F7F7F9;
    /* Very light cool gray */
    --bg-card: #FFFFFF;
    --bg-input: #FFFFFF;
    --bg-secondary: #F8F9FD;

    /* Borders & Lines */
    --border-color: #E4E4E4;

    /* Functional Colors */
    --success: #4AD991;
    --warning: #FF9800;
    --error: #FF5252;

    /* Typography */
    --font-family: 'Inter', sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.5;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;

    /* Shadows (Glassmorphism / Soft) */
    --shadow-sm: 0px 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0px 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0px 10px 30px rgba(0, 0, 0, 0.1);

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
}

/* Dark Mode Variables (Optional but good for premium feel) */
@media (prefers-color-scheme: dark) {
    :root {
        --text-main: #FFFFFF;
        --text-secondary: #B0B3CD;
        --bg-body: #101115;
        --bg-card: #1D1F26;
        --bg-input: #272A34;
        --bg-secondary: #272A34;
        --border-color: #2D313E;
        --shadow-sm: 0px 4px 12px rgba(0, 0, 0, 0.4);
        --shadow-md: 0px 8px 24px rgba(0, 0, 0, 0.5);
    }
}

/* Explicit Light/Dark Classes for Toggle */
body.light-mode {
    --text-main: #11142D;
    --text-secondary: #808191;
    --bg-body: #F7F7F9;
    --bg-card: #FFFFFF;
    --bg-input: #FFFFFF;
    --bg-secondary: #F8F9FD;
    --border-color: #E4E4E4;
}

body.dark-mode {
    --text-main: #FFFFFF;
    --text-secondary: #B0B3CD;
    --bg-body: #101115;
    --bg-card: #1D1F26;
    --bg-input: #272A34;
    --bg-secondary: #272A34;
    --border-color: #2D313E;
    --shadow-sm: 0px 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-md: 0px 8px 24px rgba(0, 0, 0, 0.5);
}