/* ViewLounge — Design-Tokens
   Dunkles Schwarz-Gold-Theme, weiße Schrift, deutsches Format.
   Chart-Farben validiert (dataviz): Gold ↔ Blau, hohe CVD-Trennung. */

:root {
  color-scheme: dark;

  /* Marke / Akzente */
  --gold:         #d4a83c;
  --gold-bright:  #e8c56a;
  --gold-dim:     #9a7c2e;

  /* Diagramm-Serien */
  --series-1: #d4a83c; /* aktuell / primär  (Gold)  */
  --series-2: #4f9be8; /* Vergleich / vorige (Blau) */

  /* Status (semantisch, nur für Deltas) */
  --good: #0ca30c;
  --bad:  #d03b3b;

  /* Flächen */
  --plane:      #0a0a0a; /* Seitenhintergrund */
  --surface-1:  #16130d; /* Karten            */
  --surface-2:  #1e1a12; /* erhöhte Flächen / Inputs */
  --surface-3:  #262114;

  /* Schrift */
  --ink:    #ffffff;
  --ink-2:  #c9c4b5;
  --muted:  #8a857a;

  /* Linien */
  --grid:         #2b2820;
  --baseline:     #3a372c;
  --hairline:     rgba(212, 168, 60, 0.16);
  --hairline-soft:rgba(255, 255, 255, 0.07);

  /* Typo */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-xs:   0.75rem;
  --text-sm:   0.85rem;
  --text-base: 0.95rem;
  --text-lg:   1.15rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-hero: clamp(2.2rem, 1.4rem + 3vw, 3.2rem);

  /* Raster & Rundung */
  --radius:    14px;
  --radius-sm: 9px;
  --radius-xs: 6px;

  /* Rhythmus */
  --space-1: 0.4rem;
  --space-2: 0.7rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;

  /* Bewegung */
  --dur-fast: 130ms;
  --dur:      240ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Schatten */
  --shadow: 0 1px 2px rgba(0,0,0,0.5), 0 8px 30px rgba(0,0,0,0.35);
  --glow:   0 0 0 1px var(--hairline), 0 6px 24px rgba(0,0,0,0.4);
}