/* Asernus Designsystem · öffentliche Basistokens.
   Lokale Fontdateien und @font-face-Deklarationen separat einbinden.
   Textkontrast und Komponenten im jeweiligen Einsatz prüfen. */
:root {
  color-scheme: dark;

  --as-canvas: #111513;
  --as-surface: #191e1b;
  --as-field: #202621;
  --as-text: #f0f1e9;
  --as-muted: #a2ada3;
  --as-accent: #b9e47c;
  --as-accent-hover: #cbef9a;
  --as-on-accent: #1c2b15;
  --as-border: #354039;
  --as-control-border: #64786a;
  --as-danger: #ee9694;
  --as-info: #9ab9df;
  --as-warning: #ddcd83;

  --as-font-heading: "Manrope", sans-serif;
  --as-font-body: "DM Sans", sans-serif;
  --as-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;

  --as-space-1: 4px;
  --as-space-2: 8px;
  --as-space-3: 12px;
  --as-space-4: 16px;
  --as-space-6: 24px;
  --as-space-8: 32px;
  --as-space-12: 48px;
  --as-space-16: 64px;
  --as-space-24: 96px;

  --as-radius-control: 8px;
  --as-radius-input: 9px;
  --as-radius-card: 13px;
  --as-radius-account: 18px;
  --as-content-width: 1248px;
  --as-motion-fast: 160ms;
  --as-focus-width: 2px;
  --as-focus-offset: 4px;
}

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