/* ===== CSS VARIABLES — Light Theme (Default) ===== */
:root{
  --primary:#0d9488;
  --primary-hover:#0f766e;
  --secondary:#7c3aed;
  --gradient:linear-gradient(135deg,#0d9488,#7c3aed);
  --bg-deep:#e8ecf1;
  --bg-card:#f0f1f4;
  --bg-card-light:#e8ecf1;
  --bg-input:#f0f1f4;
  --bg-input-focus:#e6f0ee;
  --border-subtle:#dde1e7;
  --border-input:#d0d5dd;
  --border-hover:rgba(13,148,136,0.3);
  --text-primary:#1e293b;
  --text-secondary:#475569;
  --text-muted:#64748b;
  --text-dim:#94a3b8;
  --text-placeholder:#94a3b8;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:16px;
  --shadow-card:0 1px 4px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);
  --shadow-hover:0 8px 24px rgba(0,0,0,0.1),0 4px 12px rgba(13,148,136,0.12);
  --transition:all 0.3s ease;
  --op-bg:#e8ecf1;
  --op-card:#f0f1f4;
  --op-card-alt:#dfe3e9;
  --op-border:rgba(13,148,136,0.18);
  --op-text:#1e293b;
  --op-muted:#64748b;
  --op-accent:#0d9488;
  --op-accent2:#059669;
  --op-warn:#d97706;
  --op-danger:#dc2626;
  --op-orange:#ea580c;
  --op-glow:0 1px 4px rgba(0,0,0,0.08);
  --op-radius:14px;
  --op-font:'Hind Siliguri','Noto Serif Bengali',sans-serif;
}

/* ===== DARK THEME ===== */
[data-theme="dark"]{
  --bg-deep:#020617;
  --bg-card:rgba(30,27,75,0.72);
  --bg-card-light:rgba(15,12,50,0.65);
  --bg-input:#0d0e2c;
  --bg-input-focus:#131640;
  --border-subtle:rgba(13,148,136,0.18);
  --border-input:rgba(13,148,136,0.28);
  --border-hover:rgba(124,58,237,0.3);
  --text-primary:#f1f5f9;
  --text-secondary:#cbd5e1;
  --text-muted:#94a3b8;
  --text-dim:#64748b;
  --text-placeholder:rgba(255,255,255,0.35);
  --shadow-card:0 8px 32px rgba(0,0,0,0.5),0 4px 16px rgba(13,74,63,0.3);
  --shadow-hover:0 20px 48px rgba(0,0,0,0.45),0 8px 24px rgba(13,74,63,0.35);
  --op-bg:#0b0f1a;
  --op-card:rgba(15,23,42,0.85);
  --op-card-alt:rgba(30,41,59,0.6);
  --op-border:rgba(99,102,241,0.12);
  --op-accent:#818cf8;
  --op-accent2:#34d399;
  --op-warn:#fbbf24;
  --op-danger:#f87171;
  --op-orange:#f97316;
  --op-text:#e2e8f0;
  --op-muted:#64748b;
  --op-glow:0 0 30px rgba(129,140,248,0.08);
}