/* FastRoute Markenfarben + Celestial Design Tokens */
:root {
  /* Marke – Türkis */
  --fr-brand: #14b8a6;
  --fr-brand-dark: #0d9488;
  --fr-brand-darker: #0f766e;
  --fr-brand-light: #2dd4bf;
  --fr-brand-muted: #115e59;
  --fr-brand-50: #f0fdfa;
  --fr-brand-100: #ccfbf1;
  --fr-brand-200: #99f6e4;
  --fr-brand-glow: rgba(20, 184, 166, 0.22);
  --fr-brand-shadow: rgba(20, 184, 166, 0.14);

  /* Celestial Shell */
  --fr-charcoal: #252836;
  --fr-charcoal-deep: #1e212b;
  --fr-charcoal-mid: #2b2f3b;
  --fr-content-bg: #f0f2f5;
  --fr-surface: #ffffff;
  --fr-surface-muted: #f8fafc;
  --fr-accent-rose: #f43f5e;
  --fr-border: rgba(15, 23, 42, 0.08);
  --fr-border-strong: rgba(15, 23, 42, 0.12);
  --fr-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);
  --fr-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --fr-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
  --fr-radius: 14px;
  --fr-radius-lg: 16px;
  --fr-text-on-dark: #c8cdd8;
  --fr-text-on-dark-muted: #8b93a7;

  /* Aliase für bestehende Stylesheets */
  --primary: var(--fr-brand);
  --primary-dark: var(--fr-brand-dark);
  --primary-color: var(--fr-brand);
  --premium-accent: var(--fr-brand);
  --premium-accent-dark: var(--fr-brand-dark);
  --fr-orange: var(--fr-brand);
  --fr-orange-light: var(--fr-brand-light);
  --fr-orange-glow: var(--fr-brand-glow);
  --login-accent: var(--fr-brand);
  --login-accent-dark: var(--fr-brand-dark);
  --admin-accent-rose: var(--fr-accent-rose);
}