/* STEP 1: Define ALL your colors HERE ONLY */
:root {
    /* =========================
       Primary colors (Brand)
       ========================= */
    --primary-main: #312E81; /* Indigo Night */
    --primary-dark: #1E1B4B; /* Deep Indigo */
    --primary-light: #4F46E5; /* Soft Indigo */
    /* =========================
       Secondary colors (Action)
       ========================= */
    --secondary-main: #FB923C; /* Traffic Orange */
    --secondary-dark: #F97316; /* Burnt Orange */
    --secondary-light: #FDBA74; /* Light Orange */
    /* =========================
       Background colors
       ========================= */
    --background-default: #FFFFFF; /* Warm White */
    --background-paper: #FFFFFF; /* Sand Gold Tint */
    /* =========================
       Text colors
       ========================= */
    --text-primary: #3F2E1F; /* Deep Brown */
    --text-secondary: #6B4F2A; /* Muted Brown */
    /* =========================
       Optional utility colors
       ========================= */
    --success-main: #22C55E; /* Ride Completed */
    --error-main: #DC2626; /* Cancel / Error */
    --warning-main: #F59E0B; /* Alerts */
}