/* tokens.css
   Nur Design-Tokens/Variablen. Keine Layout- oder Komponentenregeln.
*/

/* ===================== THEME TOKENS (aus theme.css) ===================== */
:root{
  /* BRAND (vorher grün -> jetzt blau) */
  --brand:#3b82f6;
  --brand-600:#2563eb;
  --brand-700:#1d4ed8;

  /* TEXT */
  --text:#0f172a;
  --muted:#6b7280;

  /* BACKGROUND */
  --page-bg:#f3f4f6;
  --bg-url: url('../../images/Background.jpg');

  /* SURFACE */
  --card:#ffffff;
  --stroke:rgba(209,213,219,0.95);
  --shadow:0 18px 45px rgba(15,23,42,.08);
  --radius:.9rem;

  --bg-overlay-color: 255,255,255;
  --bg-opacity: .75;

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

/* ===================== HEADER BRAND TOKENS (aus header.css) ===================== */
:root{
  --brand-soft: rgba(59, 130, 246, 0.16);
  --header-bg: rgba(37, 99, 235, 0.9);
  --header-border: rgba(59, 130, 246, 0.55);
}

/* ===================== NOTIFICATION TOKENS (aus notifications.css) ===================== */
:root{
  --notif-bg: rgba(255,255,255,0.92);
  --notif-border: rgba(0,0,0,0.10);
  --notif-shadow: 0 18px 45px rgba(0,0,0,0.18);
  --notif-text: #111;
  --notif-muted: rgba(0,0,0,0.60);

  --notif-ring: rgba(0,140,255,0.25);
  --notif-accent: #0b74ff;

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

  --notif-chip-bg: rgba(0,0,0,0.06);
  --notif-chip-text: rgba(0,0,0,0.75);

  --notif-todo: #ff8a00;
  --notif-hint: #0b74ff;
  --notif-new: rgba(11,116,255,0.10);

  --notif-radius: 14px;
  --notif-font: inherit;
}