:root {
  --bg: #020406;
  --bg-soft: #07111a;
  --panel: rgba(255,255,255,0.06);
  --panel-border: rgba(255,255,255,0.1);
  --text: #f7fbff;
  --muted: rgba(226,235,246,0.72);
  --primary: #00c1a0;
  --danger: #ff5f7b;
  --shadow: 0 24px 54px rgba(0,0,0,0.35);
}
html[data-theme="light"] {
  --bg: #eef4f6;
  --bg-soft: #ffffff;
  --panel: rgba(255,255,255,0.82);
  --panel-border: rgba(15,23,42,0.08);
  --text: #101828;
  --muted: rgba(15,23,42,0.64);
  --primary: #00ad91;
  --danger: #e54866;
  --shadow: 0 22px 48px rgba(15,23,42,0.08);
}