/* ================== ЦВЕТОВЫЕ ТЕМЫ ================== */

:root,
[data-theme="ocean"] {
    --bg:        #0a1a33;
    --bg-2:      #0d2142;
    --card:      #12294f;
    --card-2:    #173363;
    --card-hi:   #1d3d75;
    --accent:    #4fc3f7;
    --accent-2:  #29b6f6;
    --accent-3:  #a8e6ff;
    --text:      #eaf3ff;
    --text-2:    #c8d8ec;
    --muted:     #7d95b8;
    --border:    rgba(255, 255, 255, .08);
    --border-hi: rgba(255, 255, 255, .16);
    --shadow:    rgba(0, 0, 0, .35);
    --glow:      rgba(79, 195, 247, .35);
    --good:      #2ecc71;
    --warn:      #f39c12;
    --bad:       #e74c3c;
    --gold:      #ffd700;

    --grad-bg:   radial-gradient(ellipse at top left, #103266 0%, #0a1a33 55%, #050e1f 100%);
    --grad-card: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    --grad-accent: linear-gradient(135deg, #4fc3f7, #29b6f6);
}

[data-theme="sunset"] {
    --bg:        #241019;
    --bg-2:      #2f1520;
    --card:      #3d1830;
    --card-2:    #4a1e3a;
    --card-hi:   #58244a;
    --accent:    #ff7e5f;
    --accent-2:  #ff5c8a;
    --accent-3:  #ffc4a3;
    --text:      #fff0e6;
    --text-2:    #f0c5b8;
    --muted:     #b88282;
    --border:    rgba(255, 255, 255, .1);
    --border-hi: rgba(255, 255, 255, .2);
    --shadow:    rgba(0, 0, 0, .45);
    --glow:      rgba(255, 126, 95, .4);
    --good:      #52c97a;
    --warn:      #f6b93b;
    --bad:       #e55039;
    --gold:      #ffd86b;

    --grad-bg:   radial-gradient(ellipse at top right, #4a1b32 0%, #241019 60%, #120810 100%);
    --grad-card: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,0));
    --grad-accent: linear-gradient(135deg, #ff7e5f, #ff5c8a);
}

[data-theme="forest"] {
    --bg:        #0b1710;
    --bg-2:      #102119;
    --card:      #16301f;
    --card-2:    #1c3d28;
    --card-hi:   #224a31;
    --accent:    #7ed957;
    --accent-2:  #4fc76f;
    --accent-3:  #c0f0a0;
    --text:      #eaffea;
    --text-2:    #c8e8c8;
    --muted:     #7fa87f;
    --border:    rgba(255, 255, 255, .08);
    --border-hi: rgba(255, 255, 255, .16);
    --shadow:    rgba(0, 0, 0, .4);
    --glow:      rgba(126, 217, 87, .35);
    --good:      #7ed957;
    --warn:      #e6c34a;
    --bad:       #e0614f;
    --gold:      #ffd700;

    --grad-bg:   radial-gradient(ellipse at top, #1c4a2c 0%, #0b1710 60%, #050f08 100%);
    --grad-card: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    --grad-accent: linear-gradient(135deg, #7ed957, #4fc76f);
}

[data-theme="candy"] {
    --bg:        #fff5fa;
    --bg-2:      #ffe9f3;
    --card:      #ffffff;
    --card-2:    #fff7fb;
    --card-hi:   #ffeef5;
    --accent:    #ff5c8a;
    --accent-2:  #ff84a5;
    --accent-3:  #ffc2d4;
    --text:      #3a2030;
    --text-2:    #5c3548;
    --muted:     #9c8090;
    --border:    rgba(0, 0, 0, .06);
    --border-hi: rgba(255, 92, 138, .25);
    --shadow:    rgba(255, 92, 138, .18);
    --glow:      rgba(255, 92, 138, .3);
    --good:      #2ecc71;
    --warn:      #f39c12;
    --bad:       #e74c3c;
    --gold:      #f5b400;

    --grad-bg:   radial-gradient(ellipse at top, #ffe0ec 0%, #fff5fa 55%, #f5e0eb 100%);
    --grad-card: linear-gradient(145deg, rgba(255, 92, 138, .04), rgba(255, 255, 255, 0));
    --grad-accent: linear-gradient(135deg, #ff5c8a, #ff84a5);
}

[data-theme="dark"] {
    --bg:        #08080c;
    --bg-2:      #0e0e14;
    --card:      #1a1a22;
    --card-2:    #22222c;
    --card-hi:   #2c2c38;
    --accent:    #b388ff;
    --accent-2:  #9b6dff;
    --accent-3:  #d4baff;
    --text:      #eeeeee;
    --text-2:    #c8c8d0;
    --muted:     #777;
    --border:    rgba(255, 255, 255, .06);
    --border-hi: rgba(255, 255, 255, .14);
    --shadow:    rgba(0, 0, 0, .55);
    --glow:      rgba(179, 136, 255, .35);
    --good:      #2ecc71;
    --warn:      #f39c12;
    --bad:       #e74c3c;
    --gold:      #ffd700;

    --grad-bg:   radial-gradient(ellipse at top, #1c1428 0%, #08080c 55%, #000 100%);
    --grad-card: linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,0));
    --grad-accent: linear-gradient(135deg, #b388ff, #9b6dff);
}

/* Скругления и размеры — общие для всех тем */
:root {
    --r-sm: 10px;
    --r-md: 16px;
    --r-lg: 22px;
    --r-xl: 28px;
    --r-full: 999px;
    --t-fast: .15s cubic-bezier(.2,.8,.3,1);
    --t: .25s cubic-bezier(.2,.8,.3,1);
    --t-slow: .5s cubic-bezier(.2,.8,.3,1);
    --font: 'Segoe UI', system-ui, -apple-system, 'Inter', sans-serif;
}