:root {

    /* ===== BACKGROUND ===== */
    --bg-primary: #0a0f1f;
    --bg-secondary: #0f172a;
    --bg-tertiary: #162033;

    /* ===== TEXT ===== */
    --text-primary: #e6edf3;
    --text-secondary: #9aa4b2;
    --text-muted: #6b7280;

    /* ===== ACCENT (CYAN TECH) ===== */
    --accent: #06b6d4;
    --accent-hover: #0891b2;
    --accent-soft: rgba(6, 182, 212, 0.15);

    /* ===== UI ===== */
    --card-bg: rgba(255, 255, 255, 0.035);
    --border-color: rgba(255, 255, 255, 0.08);

    /* ===== HEADER GLASS ===== */
    --header-bg: rgba(10, 15, 31, 0.75);

    /* ===== EFFECTS ===== */
    --glow: 0 0 30px rgba(6, 182, 212, 0.45);
    --radius: 18px;
    --transition: 0.25s ease;
}


/* 🌞 LIGHT THEME */
.light-theme {

    /* ===== BACKGROUND ===== */
    --bg-primary: #f4f7fb;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef2f7;

    /* ===== TEXT ===== */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;

    /* ===== ACCENT ===== */
    --accent: #0891b2;
    --accent-hover: #0e7490;
    --accent-soft: rgba(8, 145, 178, 0.12);

    /* ===== UI ===== */
    --card-bg: rgba(0, 0, 0, 0.035);
    --border-color: rgba(0, 0, 0, 0.08);

    /* 🔥 ВАЖЛИВО ДЛЯ ШАПКИ */
    --header-bg: rgba(255, 255, 255, 0.8);

    --glow: 0 0 20px rgba(8, 145, 178, 0.35);
}