:root {
    --primary: #0D6EFD;
    --sidebar-bg: #1E293B;
    --header-bg: #FFFFFF;
    --body-bg: #F8FAFC;
    --card-bg: #FFFFFF;
    --text-color: #212529;
}

/* Blue Theme */
[data-theme="blue"] {
    --primary: #0D6EFD;
    --sidebar-bg: #1E293B;
    --header-bg: #FFFFFF;
    --body-bg: #F8FAFC;
    --card-bg: #FFFFFF;
    --text-color: #212529;
}

/* Dark Theme */
[data-theme="dark"] {
    --primary: #3B82F6;
    --sidebar-bg: #111827;
    --header-bg: #1F2937;
    --body-bg: #0F172A;
    --card-bg: #1E293B;
    --text-color: #F8FAFC;
}

/* Orange Theme */
[data-theme="transport"] {
    --primary: #F97316;
    --sidebar-bg: #1C1917;
    --header-bg: #FFFFFF;
    --body-bg: #FAFAF9;
    --card-bg: #FFFFFF;
    --text-color: #212529;
}