html[data-skye-skin="focus"] {
  --bg0: #0b0d10;
  --bg1: #111827;
  --border: rgba(255,255,255,0.12);
  --text: rgba(248,250,252,0.94);
  --muted: rgba(203,213,225,0.74);
  --muted2: rgba(148,163,184,0.68);
  --gold: #eab308;
  --purple: #64748b;
  --cyan: #38bdf8;
  --danger: #f87171;
  --shadow: 0 16px 48px rgba(0,0,0,0.38);
  --radius: 10px;
  --glass: rgba(15,23,42,0.72);
  --glass-border: rgba(255,255,255,0.11);
}

html[data-skye-skin="focus"] body {
  background: #0b0d10;
}

html[data-skye-skin="focus"] .bg,
html[data-skye-skin="focus"] #three-bg {
  opacity: 0.18;
}

html[data-skye-skin="focus"] .topbar,
html[data-skye-skin="focus"] .card,
html[data-skye-skin="focus"] .modal,
html[data-skye-skin="focus"] .tablewrap {
  background: rgba(15,23,42,0.76);
  border-radius: 10px;
}

html[data-skye-skin="focus"] .btn.primary,
html[data-skye-skin="focus"] .tab.active {
  background: rgba(56,189,248,0.18);
  border-color: rgba(56,189,248,0.40);
  color: #e0f2fe;
}