/* ===========================
   THEME (Nebula v2.1 Polish)
   Richer contrast + compatibility alias --text
=========================== */

html[data-theme="dark"] {
  --bg-body: #020617;
  --bg-section: transparent;
  --bg-section-muted: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), #020617);
  --bg-card: rgba(15, 23, 42, 0.92);

  --border-subtle: rgba(148, 163, 184, 0.42);

  --text-main: #e5e7eb;
  --text-muted: #9ca3af;
  --text-subtle: #6b7280;

  --text: var(--text-main);

  --accent-1: #38bdf8;
  --accent-2: #a855f7;
  --accent-3: #22c55e;
}

html[data-theme="dark"] body {
  background:
    radial-gradient(circle at top, #1e293b 0, #020617 58%),
    radial-gradient(1000px 420px at 12% 0%, rgba(56,189,248,.10), transparent 60%),
    radial-gradient(820px 380px at 88% 10%, rgba(168,85,247,.10), transparent 55%);
}

html[data-theme="light"] {
  --bg-body: #f3f4f6;
  --bg-section: transparent;
  --bg-section-muted: #e5e7eb;
  --bg-card: #ffffff;

  --border-subtle: rgba(148, 163, 184, 0.34);

  --text-main: #0b1220;
  --text-muted: #475569;
  --text-subtle: #64748b;

  --text: var(--text-main);

  --accent-1: #0ea5e9;
  --accent-2: #7c3aed;
  --accent-3: #16a34a;
}

html[data-theme="light"] body{
  background:
    radial-gradient(1100px 520px at 12% 0%, rgba(14,165,233,.10), transparent 60%),
    radial-gradient(920px 420px at 88% 10%, rgba(124,58,237,.10), transparent 55%),
    #f3f4f6;
}