/* themes/bb.css - Brainbooster-Theme (Default): dunkles Petrol nach CI
   der Plattform (preview.brainbooster.academy). Nur Token-Werte -
   Struktur/Verhalten der Komponenten liegen in base.css/components.css. */
:root {
  color-scheme: dark;

  /* Flaechen */
  --bg: #012428;
  --bg-gradient: radial-gradient(1200px 600px at 85% -10%, rgba(0, 160, 161, 0.10), transparent 60%);
  --surface: #04343a;
  --surface-2: #064047;
  --surface-hover: #0a4a52;
  --backdrop: rgba(0, 12, 14, 0.66);

  /* Text */
  --text: #e7f1f1;
  --text-muted: #9ab8ba;
  --text-faint: #6d8f92;

  /* Linien */
  --border: rgba(0, 160, 161, 0.20);
  --border-strong: rgba(0, 160, 161, 0.42);

  /* Akzent (Petrol) */
  --accent: #00b3b4;
  --accent-hover: #1fc9ca;
  --accent-contrast: #012428;
  --accent-soft: rgba(0, 179, 180, 0.16);

  /* Semantik */
  --ok: #35c98e;
  --ok-soft: rgba(53, 201, 142, 0.16);
  --danger: #ff6b71;
  --danger-soft: rgba(255, 107, 113, 0.16);
  --warn: #f5b04c;
  --warn-soft: rgba(245, 176, 76, 0.16);
  --info: #57b6f2;
  --info-soft: rgba(87, 182, 242, 0.16);

  /* Eingabefelder */
  --input-bg: #032b30;
  --input-border: rgba(0, 160, 161, 0.28);
  --input-border-focus: #00b3b4;
  --focus-ring: rgba(0, 179, 180, 0.35);

  /* Schatten */
  --shadow-sm: 0 1px 4px rgba(0, 8, 9, 0.35);
  --shadow-md: 0 10px 32px rgba(0, 8, 9, 0.45);

  /* Level-Kennzeichnung (0 Admin / 1 Redaktion / 2 Plattform / 3 Sysadmin)
     - Vorbelegung; spaeter je Theme im Admin-UI aenderbar */
  --level-0: #b18aff;
  --level-0-soft: rgba(177, 138, 255, 0.16);
  --level-1: #6ea8ff;
  --level-1-soft: rgba(110, 168, 255, 0.15);
  --level-2: #f5b04c;
  --level-2-soft: rgba(245, 176, 76, 0.14);
  --level-3: #ff7a8a;
  --level-3-soft: rgba(255, 122, 138, 0.15);

  /* Zeitampel (Meilensteine) - Vorbelegung, spaeter Admin-UI */
  --ms-normal: #56a8aa;
  --ms-elevated: #f5d76e;
  --ms-warning: #ff9f43;
  --ms-alarm: #ff5c5c;

  /* Dringlichkeit - Vorbelegung, spaeter Admin-UI */
  --urg-normal: #7fa6a8;
  --urg-urgent: #ff9f43;
  --urg-immediate: #ff5c5c;
}
