:root {
    --bg:            #1f2430;
    --bg-alt:        #171b24;
    --bg-soft:       #232834;
    --border:        #191e2a;
    --text:          #cbccc6;
    --text-dim:      #707a8c;
    --accent:        #5ccfe6;
    --accent-alt:    #ffcc66;
    --accent-green:  #bae67e;
    --accent-yellow: #ffcc66;
    --accent-red:    #ff3333;
    --accent-blue:   #73d0ff;
    --accent-orange: #ffcc66;
    --gradient:      linear-gradient(135deg, #5ccfe6 0%, #ffcc66 100%);
    --shadow-sm:     0 2px 8px rgba(0,0,0,0.35);
    --shadow-md:     0 8px 24px rgba(0,0,0,0.45);
    --shadow-lg:     0 24px 64px rgba(0,0,0,0.6);
    --nav-bg:        rgba(31,36,48,0.88);
    --radius:        14px;
    --radius-m:      14px;
    --ease:          cubic-bezier(0.4, 0.1, 0.25, 1);
}

[data-theme="light"] {
    --bg:            #fcfcfc;
    --bg-alt:        #f3f3f3;
    --bg-soft:       #fafafa;
    --border:        #e6e6e6;
    --text:          #5c6773;
    --text-dim:      #abb0b6;
    --accent:        #36a3d9;
    --accent-alt:    #f29718;
    --accent-green:  #86b300;
    --accent-yellow: #f29718;
    --gradient:      linear-gradient(135deg, #36a3d9 0%, #f29718 100%);
    --shadow-sm:     0 2px 8px rgba(0,0,0,0.08);
    --shadow-md:     0 8px 32px rgba(0,0,0,0.12);
    --shadow-lg:     0 24px 64px rgba(0,0,0,0.16);
    --nav-bg:        rgba(252,252,252,0.88);
}