/* AutoDash Theme — dark-blue */
:root {
    /* Layout colors */
    --color-bg:           #040d1a;
    --color-surface:      #070f22;
    --color-card:         #0a1830;
    --color-border:       #112240;
    --color-menu-bg:      rgba(4, 10, 25, 0.92);

    /* Text */
    --color-text:         #c8e0ff;
    --color-text-dim:     #4a6a9a;

    /* Accent — electric blue */
    --color-accent:       #3b9eff;
    --color-glow:         rgba(59, 158, 255, 0.4);

    /* Active states */
    --color-active-bg:    rgba(59, 158, 255, 0.08);
    --color-icon-bg:      rgba(59, 158, 255, 0.08);
    --color-icon-active-bg: rgba(59, 158, 255, 0.18);

    /* Dial */
    --dial-glow-far:      rgba(30, 100, 220, 0.25);
    --dial-glow-near:     rgba(59, 158, 255, 0.3);
    --dial-band-bg:       #050e20;
    --dial-mid-bg:        #030a18;
    --dial-center-bg:     #020810;
    --dial-ring-color:    #0e2a50;
    --dial-tick-color:    #1a4a90;
    --dial-tick-long:     #2a6acc;

    /* Dial center artwork */
    --dial-artwork: url('../../svg/dial/cosmos-blue.svg');
}