/* Kopie aus dem teamzone Design System (Prototyp, tokens/), Stand 2026-10-20. Nicht hier ändern — Abweichungen gehören in sass/site.scss. */
/* ============================================================
   teamzone — Elevation / shadow tokens
   Material-style elevation. Shadow color: warm near-black @ low alpha
   (rgba(22,22,22,…) observed across the Figma file).
   ele-N raw dp values from tz_elevation collection.
   ============================================================ */

:root {
  /* Raw elevation dp values (tz_elevation) */
  --ele-0: 0; /* @kind other */
  --ele-1: 1; /* @kind other */
  --ele-2: 2; /* @kind other */
  --ele-3: 4; /* @kind other */
  --ele-4: 8; /* @kind other */
  --ele-5: 10; /* @kind other */
  --ele-6: 16; /* @kind other */
  --ele-7: 24; /* @kind other */

  /* Box-shadow tokens (semantic) */
  --shadow-0: none;
  --shadow-1: 0 1px 2px rgba(22, 22, 22, 0.10);
  --shadow-2: 0 1px 3px rgba(22, 22, 22, 0.10), 0 1px 2px rgba(22, 22, 22, 0.06);
  --shadow-3: 0 4px 8px rgba(22, 22, 22, 0.10), 0 1px 3px rgba(22, 22, 22, 0.08);
  --shadow-4: 0 8px 16px rgba(22, 22, 22, 0.10), 0 2px 6px rgba(22, 22, 22, 0.08);
  --shadow-5: 0 12px 24px rgba(22, 22, 22, 0.12), 0 4px 8px rgba(22, 22, 22, 0.08);
  --shadow-6: 0 18px 32px rgba(22, 22, 22, 0.15), 0 6px 12px rgba(22, 22, 22, 0.10);

  /* Component-exact shadows (from theme.dart / content_card.dart) */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.098);   /* AppContentCard */
  --shadow-menu: 0 4px 12px rgba(0, 0, 0, 0.16);   /* popupMenuTheme elev 4 */

  /* Focus ring — brand magenta */
  --focus-ring: 0 0 0 3px rgba(133, 0, 85, 0.28);
}

/* Dark theme: deepen shadows so elevation still reads */
:root[data-theme="dark"] {
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.45);
  --shadow-menu: 0 4px 12px rgba(0, 0, 0, 0.55);
}