/* Token-Zuordnung des Standard-Grids für FinNavigator: jedes --spl-grid-*-Token des Pakets Spl.Shared.Grid zeigt auf den
   --fn-*-Wert der App. Das Paket kennt nur --spl-grid-*; die Farben, Radien und Schriften bestimmt weiter FinNavigator.
   Dieselben Selektoren wie css/tokens.css (dunkel = Vorgabe, hell = :not(.dark-mode)), damit jedes Token dort aufgelöst
   wird, wo --fn-* seinen Wert bekommt. */

:root,
[data-design="finnavigator"].dark-mode {
  --spl-grid-primary: var(--fn-primary);
  --spl-grid-on-primary: var(--fn-on-primary);
  --spl-grid-text: var(--fn-text);
  --spl-grid-text-secondary: var(--fn-text-secondary);
  --spl-grid-text-tertiary: var(--fn-text-tertiary);
  --spl-grid-border: var(--fn-border);
  --spl-grid-border-strong: var(--fn-border-strong);
  --spl-grid-border-width: var(--fn-border-width);
  --spl-grid-bg-muted: var(--fn-bg-muted);
  --spl-grid-bg-alt: var(--fn-bg-alt);
  --spl-grid-surface-alt: var(--fn-surface-alt);
  --spl-grid-input-bg: var(--fn-input-bg);
  --spl-grid-accent-soft: var(--fn-accent-soft);
  --spl-grid-focus-ring: var(--fn-focus-ring);
  --spl-grid-favorite: var(--fn-cat-gold);
  --spl-grid-success: var(--fn-success);
  --spl-grid-warning: var(--fn-warning);
  --spl-grid-danger: var(--fn-danger);
  --spl-grid-shadow-hover: var(--fn-shadow-hover);
  --spl-grid-font: var(--fn-font);
  --spl-grid-font-mono: var(--fn-font-mono);
  --spl-grid-weight-regular: var(--fn-font-weight-regular);
  --spl-grid-weight-medium: var(--fn-font-weight-medium);
  --spl-grid-radius: var(--fn-radius);
  --spl-grid-radius-sm: var(--fn-radius-sm);
  --spl-grid-radius-pill: var(--fn-radius-pill);
  --spl-grid-radius-round: var(--fn-radius-round);
}

[data-design="finnavigator"]:not(.dark-mode) {
  --spl-grid-primary: var(--fn-primary);
  --spl-grid-on-primary: var(--fn-on-primary);
  --spl-grid-text: var(--fn-text);
  --spl-grid-text-secondary: var(--fn-text-secondary);
  --spl-grid-text-tertiary: var(--fn-text-tertiary);
  --spl-grid-border: var(--fn-border);
  --spl-grid-border-strong: var(--fn-border-strong);
  --spl-grid-border-width: var(--fn-border-width);
  --spl-grid-bg-muted: var(--fn-bg-muted);
  --spl-grid-bg-alt: var(--fn-bg-alt);
  --spl-grid-surface-alt: var(--fn-surface-alt);
  --spl-grid-input-bg: var(--fn-input-bg);
  --spl-grid-accent-soft: var(--fn-accent-soft);
  --spl-grid-focus-ring: var(--fn-focus-ring);
  --spl-grid-favorite: var(--fn-cat-gold);
  --spl-grid-success: var(--fn-success);
  --spl-grid-warning: var(--fn-warning);
  --spl-grid-danger: var(--fn-danger);
  --spl-grid-shadow-hover: var(--fn-shadow-hover);
  --spl-grid-font: var(--fn-font);
  --spl-grid-font-mono: var(--fn-font-mono);
  --spl-grid-weight-regular: var(--fn-font-weight-regular);
  --spl-grid-weight-medium: var(--fn-font-weight-medium);
  --spl-grid-radius: var(--fn-radius);
  --spl-grid-radius-sm: var(--fn-radius-sm);
  --spl-grid-radius-pill: var(--fn-radius-pill);
  --spl-grid-radius-round: var(--fn-radius-round);
}