/* ============================================
   GAURAV'S CLOCK — All Theme Definitions
   ============================================ */

[data-theme="midnight"] {
  --bg-primary: #06060f; --bg-secondary: #0d0d1f;
  --bg-card: rgba(15,15,35,0.6); --bg-card-hover: rgba(20,20,45,0.75);
  --text-primary: #f0f0f8; --text-secondary: rgba(200,200,230,0.7); --text-tertiary: rgba(160,160,200,0.5);
  --accent: #6366f1; --accent-soft: rgba(99,102,241,0.15); --accent-glow: rgba(99,102,241,0.4);
  --colon-color: rgba(99,102,241,0.8);
  --ring-track: rgba(99,102,241,0.08); --ring-fill: rgba(99,102,241,0.7);
  --blob-1: rgba(99,102,241,0.15); --blob-2: rgba(139,92,246,0.12); --blob-3: rgba(59,130,246,0.1);
  --aurora-1: rgba(99,102,241,0.06); --aurora-2: rgba(139,92,246,0.04);
  --particle-color: rgba(99,102,241,0.5);
  --glass-bg: rgba(15,15,35,0.5); --glass-border-color: rgba(255,255,255,0.06);
  --status-online: #34d399; --status-offline: #f87171;
  --progress-bg: rgba(99,102,241,0.1); --progress-fill: var(--accent);
  --drawer-bg: rgba(10,10,25,0.95); --tooltip-bg: rgba(20,20,45,0.95);
}

[data-theme="aurora"] {
  --bg-primary: #020a14; --bg-secondary: #041420;
  --bg-card: rgba(5,25,45,0.6); --bg-card-hover: rgba(8,35,60,0.75);
  --text-primary: #e0f4f0; --text-secondary: rgba(180,230,220,0.7); --text-tertiary: rgba(140,200,190,0.5);
  --accent: #34d399; --accent-soft: rgba(52,211,153,0.15); --accent-glow: rgba(52,211,153,0.35);
  --colon-color: rgba(52,211,153,0.8);
  --ring-track: rgba(52,211,153,0.08); --ring-fill: rgba(52,211,153,0.7);
  --blob-1: rgba(52,211,153,0.15); --blob-2: rgba(45,212,191,0.12); --blob-3: rgba(34,197,94,0.1);
  --aurora-1: rgba(52,211,153,0.08); --aurora-2: rgba(45,212,191,0.06);
  --particle-color: rgba(52,211,153,0.5);
  --glass-bg: rgba(5,25,45,0.5); --glass-border-color: rgba(52,211,153,0.08);
  --status-online: #34d399; --status-offline: #f87171;
  --progress-bg: rgba(52,211,153,0.1); --progress-fill: var(--accent);
  --drawer-bg: rgba(2,15,30,0.95); --tooltip-bg: rgba(5,25,45,0.95);
}

[data-theme="ocean"] {
  --bg-primary: #020b18; --bg-secondary: #061525;
  --bg-card: rgba(8,25,50,0.6); --bg-card-hover: rgba(12,35,65,0.75);
  --text-primary: #e4f0fc; --text-secondary: rgba(180,210,245,0.7); --text-tertiary: rgba(140,180,220,0.5);
  --accent: #38bdf8; --accent-soft: rgba(56,189,248,0.15); --accent-glow: rgba(56,189,248,0.35);
  --colon-color: rgba(56,189,248,0.8);
  --ring-track: rgba(56,189,248,0.08); --ring-fill: rgba(56,189,248,0.7);
  --blob-1: rgba(56,189,248,0.15); --blob-2: rgba(59,130,246,0.12); --blob-3: rgba(14,165,233,0.1);
  --aurora-1: rgba(56,189,248,0.06); --aurora-2: rgba(59,130,246,0.04);
  --particle-color: rgba(56,189,248,0.5);
  --glass-bg: rgba(8,25,50,0.5); --glass-border-color: rgba(56,189,248,0.08);
  --status-online: #34d399; --status-offline: #f87171;
  --progress-bg: rgba(56,189,248,0.1); --progress-fill: var(--accent);
  --drawer-bg: rgba(4,15,35,0.95); --tooltip-bg: rgba(8,25,50,0.95);
}

[data-theme="cyberpunk"] {
  --bg-primary: #0a0008; --bg-secondary: #15000f;
  --bg-card: rgba(30,5,25,0.6); --bg-card-hover: rgba(40,8,35,0.75);
  --text-primary: #fce4f8; --text-secondary: rgba(240,180,230,0.7); --text-tertiary: rgba(200,140,190,0.5);
  --accent: #f43f8e; --accent-soft: rgba(244,63,142,0.15); --accent-glow: rgba(244,63,142,0.4);
  --colon-color: rgba(244,63,142,0.8);
  --ring-track: rgba(244,63,142,0.08); --ring-fill: rgba(244,63,142,0.7);
  --blob-1: rgba(244,63,142,0.15); --blob-2: rgba(168,85,247,0.12); --blob-3: rgba(236,72,153,0.1);
  --aurora-1: rgba(244,63,142,0.08); --aurora-2: rgba(168,85,247,0.05);
  --particle-color: rgba(244,63,142,0.5);
  --glass-bg: rgba(30,5,25,0.5); --glass-border-color: rgba(244,63,142,0.1);
  --status-online: #34d399; --status-offline: #f87171;
  --progress-bg: rgba(244,63,142,0.1); --progress-fill: var(--accent);
  --drawer-bg: rgba(15,2,12,0.95); --tooltip-bg: rgba(30,5,25,0.95);
}

[data-theme="glass"] {
  --bg-primary: #f0f2f5; --bg-secondary: #e8eaef;
  --bg-card: rgba(255,255,255,0.55); --bg-card-hover: rgba(255,255,255,0.7);
  --text-primary: #1a1a2e; --text-secondary: rgba(30,30,60,0.6); --text-tertiary: rgba(30,30,60,0.4);
  --accent: #6366f1; --accent-soft: rgba(99,102,241,0.1); --accent-glow: rgba(99,102,241,0.25);
  --colon-color: rgba(99,102,241,0.7);
  --ring-track: rgba(99,102,241,0.08); --ring-fill: rgba(99,102,241,0.6);
  --blob-1: rgba(99,102,241,0.08); --blob-2: rgba(244,114,182,0.06); --blob-3: rgba(56,189,248,0.06);
  --aurora-1: rgba(99,102,241,0.04); --aurora-2: rgba(244,114,182,0.03);
  --particle-color: rgba(99,102,241,0.3);
  --glass-bg: rgba(255,255,255,0.45); --glass-border-color: rgba(255,255,255,0.6);
  --glass-shadow: 0 8px 32px rgba(0,0,0,0.08);
  --status-online: #16a34a; --status-offline: #dc2626;
  --progress-bg: rgba(99,102,241,0.08); --progress-fill: var(--accent);
  --drawer-bg: rgba(240,242,248,0.97); --tooltip-bg: rgba(255,255,255,0.95);
}
[data-theme="glass"] .bg__noise { opacity: 0.015; }
[data-theme="glass"] .bg__vignette { background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.06) 100%); }

[data-theme="nothing"] {
  --bg-primary: #000000; --bg-secondary: #0a0a0a;
  --bg-card: rgba(20,20,20,0.6); --bg-card-hover: rgba(30,30,30,0.75);
  --text-primary: #ffffff; --text-secondary: rgba(255,255,255,0.55); --text-tertiary: rgba(255,255,255,0.3);
  --accent: #d72638; --accent-soft: rgba(215,38,56,0.12); --accent-glow: rgba(215,38,56,0.3);
  --colon-color: rgba(215,38,56,0.8);
  --ring-track: rgba(255,255,255,0.04); --ring-fill: rgba(215,38,56,0.7);
  --blob-1: rgba(215,38,56,0.06); --blob-2: rgba(255,255,255,0.03); --blob-3: rgba(215,38,56,0.04);
  --aurora-1: rgba(215,38,56,0.03); --aurora-2: rgba(255,255,255,0.02);
  --particle-color: rgba(215,38,56,0.3);
  --glass-bg: rgba(20,20,20,0.5); --glass-border-color: rgba(255,255,255,0.06);
  --status-online: #34d399; --status-offline: #f87171;
  --progress-bg: rgba(215,38,56,0.1); --progress-fill: var(--accent);
  --drawer-bg: rgba(5,5,5,0.97); --tooltip-bg: rgba(20,20,20,0.95);
}
[data-theme="nothing"] .bg__blob { opacity: 0.3; }

[data-theme="sunset"] {
  --bg-primary: #0f0508; --bg-secondary: #1a0a10;
  --bg-card: rgba(35,15,20,0.6); --bg-card-hover: rgba(45,20,28,0.75);
  --text-primary: #fde8e0; --text-secondary: rgba(250,210,195,0.7); --text-tertiary: rgba(220,170,155,0.5);
  --accent: #f97316; --accent-soft: rgba(249,115,22,0.15); --accent-glow: rgba(249,115,22,0.35);
  --colon-color: rgba(249,115,22,0.8);
  --ring-track: rgba(249,115,22,0.08); --ring-fill: rgba(249,115,22,0.7);
  --blob-1: rgba(249,115,22,0.15); --blob-2: rgba(244,63,94,0.12); --blob-3: rgba(251,146,60,0.1);
  --aurora-1: rgba(249,115,22,0.07); --aurora-2: rgba(244,63,94,0.05);
  --particle-color: rgba(249,115,22,0.5);
  --glass-bg: rgba(35,15,20,0.5); --glass-border-color: rgba(249,115,22,0.08);
  --status-online: #34d399; --status-offline: #f87171;
  --progress-bg: rgba(249,115,22,0.1); --progress-fill: var(--accent);
  --drawer-bg: rgba(12,5,8,0.95); --tooltip-bg: rgba(35,15,20,0.95);
}

[data-theme="matrix"] {
  --bg-primary: #000a00; --bg-secondary: #001200;
  --bg-card: rgba(0,25,0,0.6); --bg-card-hover: rgba(0,35,0,0.75);
  --text-primary: #b0ffb0; --text-secondary: rgba(100,230,100,0.7); --text-tertiary: rgba(60,180,60,0.5);
  --accent: #00ff41; --accent-soft: rgba(0,255,65,0.1); --accent-glow: rgba(0,255,65,0.3);
  --colon-color: rgba(0,255,65,0.8);
  --ring-track: rgba(0,255,65,0.06); --ring-fill: rgba(0,255,65,0.6);
  --blob-1: rgba(0,255,65,0.06); --blob-2: rgba(0,200,50,0.05); --blob-3: rgba(0,255,65,0.04);
  --aurora-1: rgba(0,255,65,0.04); --aurora-2: rgba(0,200,50,0.03);
  --particle-color: rgba(0,255,65,0.4);
  --glass-bg: rgba(0,20,0,0.5); --glass-border-color: rgba(0,255,65,0.08);
  --status-online: #00ff41; --status-offline: #ff3333;
  --progress-bg: rgba(0,255,65,0.08); --progress-fill: var(--accent);
  --drawer-bg: rgba(0,8,0,0.97); --tooltip-bg: rgba(0,20,0,0.95);
}

/* Glass mode overlay */
.glass-mode .clock, .glass-mode .panel, .glass-mode .topbar__btn {
  background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1);
  box-shadow: 0 8px 32px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.08);
}
[data-theme="glass"].glass-mode .clock, [data-theme="glass"].glass-mode .panel,
[data-theme="glass"].glass-mode .topbar__btn {
  background: rgba(255,255,255,0.25); border-color: rgba(255,255,255,0.4);
}