/* CortexOne Portal – Design-Tokens.
   Abgeleitet aus website-premium/style.css (Soft Indigo / Purple, Glassmorphism),
   erweitert um ein Light-Theme. website-premium/ selbst wird NICHT verändert. */

:root {
  color-scheme: dark light;

  /* Marke */
  --accent: #818cf8;          /* Soft Indigo */
  --accent-2: #c084fc;        /* Soft Purple */
  --accent-glow: rgba(129, 140, 248, 0.35);

  /* Semantik */
  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #f87171;

  /* Radien / Abstände */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --sp-1: 6px;
  --sp-2: 12px;
  --sp-3: 20px;
  --sp-4: 32px;

  /* Typo */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;

  /* Dark (Default) — R16 nach Nutzertest entschärft: kein Hart-Schwarz/Weiß
     mehr (unangenehmer Kontrast), sondern weiches Blaugrau wie in der App. */
  --bg: #0e1016;
  --bg-2: #13151d;
  --card: rgba(30, 33, 44, 0.55);
  --card-solid: #1a1d27;
  --border: rgba(255, 255, 255, 0.09);
  --text: #e8eaf2;
  --muted: #9aa0b0;
  --shadow: 0 12px 40px -12px rgba(0, 0, 0, 0.55);
  --glass-blur: blur(22px);
}

:root[data-theme="light"] {
  --bg: #f5f5f7;
  --bg-2: #ffffff;
  --card: rgba(255, 255, 255, 0.75);
  --card-solid: #ffffff;
  --border: rgba(0, 0, 0, 0.10);
  --text: #16161a;
  --muted: #6b6b76;
  --shadow: 0 10px 30px -14px rgba(0, 0, 0, 0.25);
  --accent-glow: rgba(129, 140, 248, 0.25);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f5f5f7;
    --bg-2: #ffffff;
    --card: rgba(255, 255, 255, 0.75);
    --card-solid: #ffffff;
    --border: rgba(0, 0, 0, 0.10);
    --text: #16161a;
    --muted: #6b6b76;
    --shadow: 0 10px 30px -14px rgba(0, 0, 0, 0.25);
    --accent-glow: rgba(129, 140, 248, 0.25);
  }
}