/* Lava Drop CS2 — Dynamic Color Themes Engine */

/* 1. LAVA FLAME (Default) */
[data-theme="lava"] {
  --bg-deep: #070509;
  --bg-main: #0c0910;
  --bg-card: #140e1a;
  --bg-card-hover: #1c1424;
  --bg-sub: #17111e;
  --border-color: #271a2e;
  --border-bright: #3f274a;
  --text-main: #f0edf5;
  --text-muted: #9585a3;
  --accent-fire: #ff5500;
  --accent-flame: #ff2a4b;
  --accent-amber: #ff9900;
  --accent-gold: #ffd000;
  --accent-glow: rgba(255, 85, 0, 0.35);
}

/* 2. FROSTBITE (Ice Neon Blue & Cyan) */
[data-theme="frostbite"] {
  --bg-deep: #040810;
  --bg-main: #060d1b;
  --bg-card: #0a1529;
  --bg-card-hover: #0f1f3a;
  --bg-sub: #0d1a31;
  --border-color: #152d50;
  --border-bright: #1e4277;
  --text-main: #e2f1ff;
  --text-muted: #799fc4;
  --accent-fire: #00b4d8;
  --accent-flame: #0077b6;
  --accent-amber: #48cae4;
  --accent-gold: #90e0ef;
  --accent-glow: rgba(0, 180, 216, 0.4);
}
[data-theme="frostbite"] body {
  background-image: 
    radial-gradient(circle at 50% -10%, rgba(0, 180, 216, 0.15) 0%, transparent 60%),
    radial-gradient(circle at 20% 90%, rgba(72, 202, 228, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(0, 119, 182, 0.08) 0%, transparent 50%),
    linear-gradient(rgba(6, 13, 27, 0.96), rgba(4, 8, 16, 0.98)) !important;
}
[data-theme="frostbite"] .logo-title {
  background: linear-gradient(to right, #48cae4, #00b4d8, #0077b6) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* 3. TOXIC EMERALD (Cyberpunk Acid Green & Lime) */
[data-theme="toxic"] {
  --bg-deep: #040a06;
  --bg-main: #06120a;
  --bg-card: #0c1c11;
  --bg-card-hover: #122819;
  --bg-sub: #0f2215;
  --border-color: #173822;
  --border-bright: #225634;
  --text-main: #e6faed;
  --text-muted: #76a885;
  --accent-fire: #10b981;
  --accent-flame: #059669;
  --accent-amber: #34d399;
  --accent-gold: #6ee7b7;
  --accent-glow: rgba(16, 185, 129, 0.35);
}
[data-theme="toxic"] body {
  background-image: 
    radial-gradient(circle at 50% -10%, rgba(16, 185, 129, 0.15) 0%, transparent 60%),
    radial-gradient(circle at 20% 90%, rgba(52, 211, 153, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(5, 150, 105, 0.08) 0%, transparent 50%),
    linear-gradient(rgba(6, 18, 10, 0.96), rgba(4, 10, 6, 0.98)) !important;
}
[data-theme="toxic"] .logo-title {
  background: linear-gradient(to right, #6ee7b7, #10b981, #059669) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* 4. DEEP SPACE (Cosmic Galactic Violet & Magenta) */
[data-theme="space"] {
  --bg-deep: #08040d;
  --bg-main: #0d0816;
  --bg-card: #150d24;
  --bg-card-hover: #201436;
  --bg-sub: #1a102d;
  --border-color: #2e1a4d;
  --border-bright: #472776;
  --text-main: #f5edff;
  --text-muted: #9c84ba;
  --accent-fire: #a855f7;
  --accent-flame: #9333ea;
  --accent-amber: #c084fc;
  --accent-gold: #e9d5ff;
  --accent-glow: rgba(168, 85, 247, 0.35);
}
[data-theme="space"] body {
  background-image: 
    radial-gradient(circle at 50% -10%, rgba(168, 85, 247, 0.15) 0%, transparent 60%),
    radial-gradient(circle at 20% 90%, rgba(192, 132, 252, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(147, 51, 234, 0.08) 0%, transparent 50%),
    linear-gradient(rgba(13, 8, 22, 0.96), rgba(8, 4, 13, 0.98)) !important;
}
[data-theme="space"] .logo-title {
  background: linear-gradient(to right, #e9d5ff, #a855f7, #9333ea) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}