/* THEME 01b – AURORA HELL (Webseite · B)
   Dieselbe Aurora wie „Aurora“, aber hell: lila Grund wie die helle
   Doku/Webseite (docs/site/_assets/docs.css, Modus „hell“).  Gleiche
   Variablen wie aurora.css; Kontrast AA geprüft (BERICHT_v2_webseite.md). */
:root[data-theme="aurora-hell"], [data-theme="aurora-hell"] {
  color-scheme: light;

  --bg-canvas: #FBFAFF;
  --bg-atmosphere:
    radial-gradient(1100px 620px at 62% -8%, rgba(140, 110, 255, 0.20), transparent 70%),
    radial-gradient(800px 700px at 100% 95%, rgba(90, 140, 255, 0.12), transparent 70%),
    radial-gradient(700px 500px at -5% 60%, rgba(190, 150, 255, 0.14), transparent 70%),
    #FBFAFF;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F3F0FF;
  --bg-overlay: #E9E4FF;
  --bg-sidebar: rgba(255, 255, 255, 0.78);

  --text-primary: #17152B;
  --text-secondary: #3F3B5C;
  --text-tertiary: #5E5980;
  --text-inverse: #FFFFFF;

  --border-subtle: rgba(60, 40, 160, 0.12);
  --border-default: rgba(60, 40, 160, 0.18);
  --border-strong: rgba(60, 40, 160, 0.26);

  --accent-primary: #5B3FD9;
  --accent-secondary: #4A2FC4;
  --accent-tertiary: #6A4BE0;
  --accent-primary-ink: #FFFFFF;

  --success: #0F7A3F;   --success-ink: #FFFFFF;
  --warning: #965809;   --warning-ink: #FFFFFF;
  --danger:  #C1352A;   --danger-ink:  #FFFFFF;
  --info:    #2F68D8;   --info-ink:    #FFFFFF;

  --glow-primary: rgba(91, 63, 217, 0.22);
  --glow-secondary: rgba(90, 140, 255, 0.16);

  --shadow-small:    0 1px 2px rgba(40, 30, 110, 0.06);
  --shadow-medium:   0 8px 24px rgba(40, 30, 110, 0.08);
  --shadow-large:    0 18px 40px rgba(40, 30, 110, 0.10);
  --shadow-floating: 0 30px 80px -20px rgba(91, 63, 217, 0.22);

  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;
  --radius-xl: 22px;
  --radius-panel: 18px;

  --glass-opacity: 0.9;
  --glass-blur: 20px;
  --panel-opacity: 0.96;

  --chart-1: #5B3FD9; --chart-2: #2F68D8; --chart-3: #7457FF; --chart-4: #B58A3A; --chart-5: #4A2FC4;

  --focus-ring: rgba(91, 63, 217, 0.45);

  /* Mini preview tokens for /settings/appearance. */
  --mini-bg: #FBFAFF;
  --mini-atmo: radial-gradient(80% 60% at 55% 20%, rgba(140, 110, 255, 0.28), transparent 70%);
  --mini-panel: rgba(255, 255, 255, 0.86);
  --mini-line: rgba(60, 40, 160, 0.18);
  --mini-accent: #5B3FD9;
  --mini-ink: #17152B;
}

/* Feld-Rahmen sichtbar wie bei minimal-light (12 % Lila auf Weiß ist zu schwach). */
:root[data-theme="aurora-hell"] input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="aurora-hell"] textarea,
:root[data-theme="aurora-hell"] select {
  border-color: var(--border-strong);
}