/* ============================================================
   THEME: rave
   Zweites Theme als Beleg dafuer, dass die Kategorie nur ein
   Variablensatz ist. Anmutung: Electronic-Open-Air, Neon, Nebel,
   weiche Formen statt Plakatkanten.
   ============================================================ */

[data-fx-theme="rave"] {
  --fx-bg:            #08061A;
  --fx-bg-elev:       #0F0B28;
  --fx-field:         #1B1640;
  --fx-field-focus:   #241E52;
  --fx-surface:       #150F33;
  --fx-surface-2:     #1D1543;
  --fx-line:          #2C2159;
  --fx-line-strong:   #3D2E77;

  --fx-ink:           #F3EEFF;
  --fx-ink-dim:       #A99FD0;
  --fx-ink-faint:     #7A6FA8;

  --fx-accent:        #22E3D8;
  --fx-accent-hover:  #67F2E9;
  --fx-accent-ink:    #06121A;
  --fx-accent-soft:   rgba(34, 227, 216, 0.14);

  --fx-ok:            #4BE39B;
  --fx-warn:          #FFC857;
  --fx-danger:        #FF4D8D;
  --fx-info:          #9B7CFF;

  --fx-font-display:  "Space Grotesk", "Archivo", "Segoe UI", sans-serif;
  --fx-font-body:     "Barlow", -apple-system, "Segoe UI", Roboto, sans-serif;
  --fx-font-data:     "IBM Plex Mono", ui-monospace, monospace;

  --fx-display-transform: none;
  --fx-display-weight:    700;
  --fx-display-tracking:  -0.02em;
  --fx-display-slant:     0deg;

  --fx-radius:        14px;
  --fx-radius-lg:     20px;
  --fx-border:        1px;
  --fx-shadow:        0 24px 60px -30px rgba(34, 227, 216, 0.35);

  --fx-grain:         0;
  --fx-glow:          0 0 0 1px rgba(34, 227, 216, 0.4),
                      0 0 34px -6px rgba(34, 227, 216, 0.5);
  --fx-sidebar-bg:    linear-gradient(180deg, #120C2E 0%, #08061A 100%);
  --fx-topbar-bg:     rgba(8, 6, 26, 0.86);
  --fx-hero-bg:       radial-gradient(120% 140% at 80% -20%,
                        rgba(155, 124, 255, 0.35) 0%,
                        rgba(34, 227, 216, 0.12) 45%,
                        transparent 72%),
                      linear-gradient(180deg, #150F33 0%, #0A0722 100%);
}