/* Noturio Design-Tokens
 * Sprint 1 (2026-07-11): Basis-Tokens aus style.css hierher ausgelagert.
 * Wird in index.html VOR style.css eingebunden (kein @import).
 * WICHTIG: Keine Farbwerte geaendert - reiner Umzug plus additive Marken-Tokens.
 * Die 287 hartkodierten Hex-Farben in style.css werden hier NICHT migriert
 * (spaeterer Sprint); nur die bestehenden :root-Variablen umgezogen.
 */

:root {
  --bg: #f4f5fa;
  --card: #ffffff;
  --text: #1a1d27;
  --muted: #64748b;
  --border: #e8eaf2;
  --border-soft: #f0f2f8;
  --surface: #fafbfe;
  --surface-2: #eef0fb;
  --hover: #fafbff;
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --grad: linear-gradient(135deg, #6366f1, #8b5cf6);
  --ring: 0 0 0 3px rgba(99, 102, 241, .16);
  --written: #eef2ff;
  --oral: #ecfdf5;
  --oral-strong: #e6faf1;
  --final: #fff8ec;
  --shadow-sm: 0 1px 2px rgba(23, 25, 35, .06);
  --shadow-md: 0 8px 28px -10px rgba(23, 25, 35, .16);
  --radius: 16px;
  --glow1: rgba(139, 92, 246, .07);
  --glow2: rgba(99, 102, 241, .06);

  /* --- Marken-Tokens (Noturio Corporate Design, additiv, BRAND_SYSTEM.md) --- */
  --brand-teal: #0F766E;
  --brand-teal-dark: #0B5F59;
  --brand-mint: #D1FAE5;
  --brand-violet: #6D4AFF;
  --brand-lavender: #EDE9FE;
  --brand-ink: #0F172A;
  --brand-slate: #64748B;
  --brand-surface: #F7F8FC;
  --brand-border: #E2E8F0;
}