/* ===== Tokens / paleta minimal ===== */
:root {
  --bg: #0b1220;
  --panel: rgba(255,255,255,0.06);
  --panel2: rgba(255,255,255,0.08);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.68);
  --border: rgba(255,255,255,0.12);

  /* Accent (configurable via data-accent) */
  --accent: #3b82f6;
  --accent2: #10b981;

  /* UI tokens (configurables) */
  --radius: 16px;
  --shadow: 0 18px 55px rgba(0,0,0,0.35);

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 18px;
  --space-5: 22px;
}

/* Light mode via data-bs-theme */
html[data-bs-theme="light"] {
  --bg: #f6f8fc;
  --panel: rgba(10,22,40,0.06);
  --panel2: rgba(10,22,40,0.08);
  --text: rgba(10,22,40,0.92);
  --muted: rgba(10,22,40,0.68);
  --border: rgba(10,22,40,0.14);
  --shadow: 0 18px 55px rgba(10,22,40,0.12);
}

/* ===== Accent presets ===== */
html[data-accent="ocean"]   { --accent: #3b82f6; --accent2: #10b981; }
html[data-accent="emerald"] { --accent: #10b981; --accent2: #22c55e; }
html[data-accent="violet"]  { --accent: #8b5cf6; --accent2: #06b6d4; }
html[data-accent="sunset"]  { --accent: #f97316; --accent2: #ef4444; }
html[data-accent="rose"]    { --accent: #f43f5e; --accent2: #a855f7; }
html[data-accent="slate"]   { --accent: #64748b; --accent2: #0ea5e9; }

/* ===== UI: density / radius / font-size / shadows ===== */
html[data-density="compact"] {
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 12px;
  --space-4: 14px;
  --space-5: 18px;
}

html[data-radius="sm"] { --radius: 12px; }
html[data-radius="md"] { --radius: 16px; }
html[data-radius="lg"] { --radius: 22px; }

html[data-font-size="sm"] { font-size: 14px; }
html[data-font-size="md"] { font-size: 16px; }
html[data-font-size="lg"] { font-size: 18px; }

html[data-shadows="off"]   { --shadow: none; }
html[data-shadows="soft"]  { --shadow: 0 18px 55px rgba(0,0,0,0.35); }
html[data-shadows="strong"]{ --shadow: 0 22px 70px rgba(0,0,0,0.48); }