/* Zweiter Stil: Farben von alphacore.art (Atelier-Nacht, Eiscyan, Gold). */

html[data-theme="alphacore"] {
  --bg: #07080b;
  --bg2: #0c0e13;
  --ink: #f3efe6;
  --mute: #a39e93;
  --dim: #6f6b63;
  --acc: #8eecff;
  --acc2: #b7f4ff;
  --gold: #d4b07a;
  --glow: rgba(142, 236, 255, .14);
  --panel: #0c0e13;
  --panel-hover: #12151c;
  --line: rgba(243, 239, 230, .1);
  --line2: rgba(243, 239, 230, .2);
  --on-acc: #071016;
  --code-bg: #07080b;
  --frame-bg: #0c0e13;
  --frame-bar: #101218;
  --login-bg: #101218;
  --dot-r: #f07167;
  --dot-y: #d4b07a;
  --sans: "Outfit", system-ui, sans-serif;
  --display: "Syne", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
}

html[data-theme="alphacore"] {
  background: var(--bg);
}
html[data-theme="alphacore"] body {
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(142, 236, 255, .08), transparent 55%),
    radial-gradient(ellipse 70% 45% at 90% 10%, rgba(212, 176, 122, .07), transparent 50%),
    var(--bg);
}
html[data-theme="alphacore"] ::selection {
  background: rgba(142, 236, 255, .28);
  color: #fff;
}
html[data-theme="alphacore"] h1,
html[data-theme="alphacore"] h2,
html[data-theme="alphacore"] h3,
html[data-theme="alphacore"] .card h2 {
  letter-spacing: 0.02em;
  line-height: 1.22;
  font-weight: 600;
}
html[data-theme="alphacore"] h1 {
  line-height: 1.16;
}
html[data-theme="alphacore"] .hero h1 {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.22;
}
html[data-theme="alphacore"] .preview-page h1 {
  letter-spacing: 0.018em;
  line-height: 1.18;
  font-weight: 600;
}
html[data-theme="alphacore"] .badge { color: var(--gold); }
html[data-theme="alphacore"] .btn-primary {
  background: linear-gradient(180deg, #b7f4ff 0%, #8eecff 45%, #5ad4ef 100%);
  border-color: transparent;
  color: #071016;
  box-shadow: 0 10px 30px -12px rgba(142, 236, 255, .7);
}
html[data-theme="alphacore"] .btn-primary:hover {
  background: linear-gradient(180deg, #d4f8ff 0%, #8eecff 50%, #5ad4ef 100%);
  border-color: transparent;
  color: #071016;
}
html[data-theme="alphacore"] .card:hover { border-color: rgba(142, 236, 255, .28); }
html[data-theme="alphacore"] .unsub h1.ok { color: var(--acc); }