/* BusCommand — design tokens (stavka 12)
   Jedini izvor istine za boje, radius, senke i spacing. */

:root {
    /* ── BusCommand Aurora — primarna paleta ── */
    --bg-dark:              #0E1524;
    --bg-darker:            #0A1019;
    --panel-bg:             #141D2E;
    --panel-bg-solid:       #141D2E;
    --card-bg:              #1A2438;
    --panel-border:         rgba(148, 163, 184, 0.14);
    --panel-border-hover:   rgba(45, 212, 191, 0.32);
    --input-bg:             rgba(255, 255, 255, 0.04);

    --text-main:            #F1F5F9;
    --text-muted:           #94A3B8;
    --text-muted-dark:      #64748B;

    --primary-color:        #2DD4BF;
    --primary-hover:        #14B8A6;
    --primary-dark:         #0D9488;
    --primary-rgb:          45, 212, 191;
    --primary-glow:         0 0 20px rgba(45, 212, 191, 0.18);
    --primary-glow-strong:  0 0 40px rgba(45, 212, 191, 0.28);
    --accent-color:         #A78BFA;
    --accent-rgb:           167, 139, 250;

    --success-color:        #4ADE80;
    --success-bg:           rgba(74, 222, 128, 0.12);
    --warning-color:        #FBBF24;
    --warning-bg:           rgba(251, 191, 36, 0.12);
    --danger-color:         #F87171;
    --danger-bg:            rgba(248, 113, 113, 0.12);
    --blue-color:           #2DD4BF;
    --blue-bg:              rgba(45, 212, 191, 0.12);

    --radius-sm:            8px;
    --radius-md:            12px;
    --radius-lg:            18px;
    --radius-xl:            24px;
    --radius-full:          9999px;

    --transition-fast:      all 0.18s ease;
    --transition-normal:    all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --glass-blur:           none;
    --shadow-main:          0 16px 48px rgba(0, 0, 0, 0.45);
    --shadow-blue:          0 8px 32px rgba(45, 212, 191, 0.18);

    --mobile-nav-h:         64px;
}

/* ── Light theme — token override ── */
body.light-theme {
    --bg-dark:              #F1F5F9;
    --bg-darker:            #E2E8F0;
    --panel-bg:             #FFFFFF;
    --panel-bg-solid:       #FFFFFF;
    --card-bg:              #FFFFFF;
    --panel-border:         rgba(15, 23, 42, 0.08);
    --panel-border-hover:   rgba(13, 148, 136, 0.28);
    --text-main:            #0F172A;
    --text-muted:           #64748B;
    --text-muted-dark:      #94A3B8;
    --primary-color:        #0D9488;
    --primary-hover:        #0F766E;
    --primary-dark:         #115E59;
    --primary-rgb:          13, 148, 136;
    --primary-glow:         0 0 20px rgba(13, 148, 136, 0.15);
    --shadow-main:          0 8px 32px rgba(15, 23, 42, 0.08);
    color-scheme: light;
}