/* tokens.css – LIGHT MODE (t1)
   Nur Design-Tokens/Variablen. Keine Layout- oder Komponentenregeln.
   Markenfarbe: Blau. Alle bisherigen Token-Namen bleiben erhalten;
   neue Tokens werden von modern.css genutzt.
*/

:root{
  color-scheme: light;

  /* ===== BRAND (Blau) ===== */
  --brand:#3b82f6;
  --brand-600:#2563eb;
  --brand-700:#1d4ed8;
  --brand-400:#60a5fa;
  --brand-300:#93c5fd;
  --brand-100:#dbeafe;
  --brand-50:#eff6ff;
  --brand-ink:#1d4ed8;                /* Text/Icons in Markenfarbe mit gutem Kontrast */
  --scrim:rgba(15,23,42,.45);
  --brand-rgb:37,99,235;          /* für rgba(var(--brand-rgb), .2) */
  --accent:#6366f1;               /* Indigo als zweiter Verlaufs-Ton */
  --brand-gradient:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);
  --brand-soft:rgba(37,99,235,.12);

  /* ===== TEXT ===== */
  --text:#0f172a;
  --text-soft:#334155;
  --muted:#64748b;
  --on-brand:#ffffff;

  /* ===== HINTERGRUND ===== */
  --page-bg:#f3f6fb;
  --bg-url:url('../../images/Background.jpg');
  --bg-overlay-color:243,246,251;
  --bg-opacity:.90;

  /* ===== FLÄCHEN ===== */
  --card:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#eef2f8;
  --stroke:rgba(15,23,42,.09);
  --stroke-strong:rgba(15,23,42,.18);
  --hover-tint:rgba(37,99,235,.06);

  /* ===== FORM / ABSTÄNDE / SCHATTEN ===== */
  --radius:.9rem;
  --radius-sm:.6rem;
  --radius-lg:1.15rem;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);
  --shadow:0 10px 30px rgba(15,23,42,.08);
  --shadow-lg:0 24px 60px rgba(15,23,42,.16);
  --shadow-brand:0 8px 20px rgba(37,99,235,.28);
  --focus-ring:0 0 0 4px rgba(37,99,235,.20);

  /* ===== STATUSFARBEN ===== */
  --success:#10b981;  --success-soft:rgba(16,185,129,.12);  --success-ink:#047857;
  --warn:#f59e0b;     --warn-soft:rgba(245,158,11,.14);     --warn-ink:#92400e;
  --danger:#ef4444;   --danger-soft:rgba(239,68,68,.11);    --danger-ink:#b91c1c;

  /* ===== BEWEGUNG ===== */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --dur:.18s;

  /* ===== HEADER / FOOTER ===== */
  --header-from:#1e40af;
  --header-to:#2563eb;
  --header-bg:rgba(30,64,175,.94);
  --header-border:rgba(147,197,253,.35);
  --header-ink:#f8fafc;
  --header-ink-soft:rgba(226,232,240,.92);

  /* Intro */
  --intro-duration:2200ms;
}

/* ===== NOTIFICATION TOKENS ===== */
:root{
  --notif-bg:rgba(255,255,255,0.94);
  --notif-border:rgba(15,23,42,0.10);
  --notif-shadow:0 18px 45px rgba(15,23,42,0.18);
  --notif-text:#0f172a;
  --notif-muted:rgba(15,23,42,0.60);

  --notif-ring:rgba(37,99,235,0.25);
  --notif-accent:#2563eb;

  --notif-badge-bg:#ef4444;
  --notif-badge-text:#fff;

  --notif-chip-bg:rgba(15,23,42,0.06);
  --notif-chip-text:rgba(15,23,42,0.75);

  --notif-todo:#f59e0b;
  --notif-hint:#2563eb;
  --notif-new:rgba(37,99,235,0.10);
}