/**
 * packages/core/ui/tokens.css
 *
 * Basis-Tokens, die JEDE Navigo-App importiert. Enthaelt bewusst nur
 * Struktur (Radius, Spacing, Schatten, Timing) — NICHT Farbe/Typografie.
 * Jede App bekommt ihre eigene Farbwelt (Kids kindlich-freundlich, Teens
 * ruhiger/erwachsener, Senioren hochkontrastig-grosszuegig, Business
 * sachlich-neutral). Dafuer ueberschreibt jede App diese Variablen in
 * ihrer eigenen theme.css, z. B.:
 *
 *   apps/kids/assets/theme.css      -> --color-accent: #...
 *   apps/teens/assets/theme.css     -> --color-accent: #...
 */

:root {
  /* Spacing-Skala */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  /* Radius */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-full: 999px;

  /* Schatten */
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.12);

  /* Timing — bewusst nicht zu schnell, wirkt sonst abrupt */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-standard: 300ms;

  /* Barrierefreiheit: Mindestgroesse fuer Tap-Targets */
  --tap-target-min: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-standard: 0ms;
  }
}