/* Design-Tokens – dunkles, modernes Dashboard-Theme (Glassmorphism, Verlaufsakzente),
   angelehnt an moderne Produkt-Dashboards. Ein Theme für alle Seiten (Login, Dashboard,
   Notiz-Detail) – kein Light-Mode, das Ganze ist bewusst als dunkles Kontrollzentrum gebaut. */
:root{
  /* Grundflächen */
  --bg-0:      #0b0e1f;
  --bg-1:      #10142b;
  --bg-2:      #171c3a;
  --bg-grad:   radial-gradient(1200px 600px at 15% -10%, #2a2f7a55 0%, transparent 60%),
               radial-gradient(1000px 700px at 110% 10%, #4b2f8a4a 0%, transparent 55%),
               linear-gradient(180deg, #0b0e1f 0%, #0d1024 100%);

  /* Glas-Oberflächen */
  --glass:       rgba(255,255,255,.045);
  --glass-2:     rgba(255,255,255,.07);
  --glass-hover: rgba(255,255,255,.09);
  --glass-line:  rgba(255,255,255,.09);
  --glass-line-2:rgba(255,255,255,.14);
  --shadow: 0 1px 1px rgba(0,0,0,.2), 0 12px 32px rgba(3,4,20,.45);
  --shadow-lg: 0 20px 60px rgba(3,4,20,.55);

  /* Text */
  --ink:    #f4f5fb;
  --ink-2:  #c7cbe6;
  --slate:  #8d92b8;
  --slate-2:#666c94;

  /* Akzent: Blau→Violett-Verlauf als Markenfarbe */
  --accent-1: #4f7bff;
  --accent-2: #8b5cf6;
  --accent-grad: linear-gradient(135deg, var(--accent-1), var(--accent-2));
  --accent-grad-soft: linear-gradient(135deg, rgba(79,123,255,.16), rgba(139,92,246,.16));
  --accent-glow: 0 8px 24px rgba(99,102,241,.35);
  --ring: #7b8cff;

  /* Semantische Farben (Fristen/Status) */
  --ok:      #34d399;
  --ok-soft: rgba(52,211,153,.14);
  --due:     #fb7185;
  --due-soft:rgba(251,113,133,.14);
  --warn:    #fbbf24;
  --warn-soft:rgba(251,191,36,.14);
  --info:    #38bdf8;
  --info-soft:rgba(56,189,248,.14);
}
*{ box-sizing:border-box; }
html{ color-scheme: dark; }
body{ background:var(--bg-0); color:var(--ink); }
::selection{ background:var(--accent-1); color:#fff; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12); border-radius:100px; }
::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.2); }