/* Automatisch erzeugt aus tokens.json – nicht von Hand bearbeiten. */

@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:500;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:600;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:700;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}

:root{
  --c-bg: #ffffff;
  --c-surface: #f6f8fa;
  --c-surface-2: #eef2f5;
  --c-border: #e1e6eb;
  --c-border-input: #7d8995;
  --c-text: #1b2733;
  --c-text-muted: #5a6878;
  --c-text-subtle: #64717e;
  --c-accent: #2e3d4d;
  --c-accent-hover: #1f2b38;
  --c-on-accent: #ffffff;
  --c-accent-soft: #e8edf2;
  --c-on-accent-soft: #24323f;
  --c-focus: #2563c9;
  --c-danger: #b42318;
  --c-danger-soft: #fdecea;
  --c-on-danger-soft: #8f1c13;
  --c-warning: #b54708;
  --c-warning-soft: #fef3e2;
  --c-on-warning-soft: #8a3606;
  --c-success: #1f7a4d;
  --c-success-soft: #e7f5ee;
  --c-on-success-soft: #165c3a;
  --c-info: #1d5fb8;
  --c-info-soft: #e7effb;
  --c-on-info-soft: #174a8f;
  --c-overlay: #0f1720;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-2xs: 11px; --lh-2xs: 16px; --fw-2xs: 500;
  --fs-xs: 12px; --lh-xs: 16px; --fw-xs: 500;
  --fs-sm: 13px; --lh-sm: 20px; --fw-sm: 500;
  --fs-base: 15px; --lh-base: 24px; --fw-base: 400;
  --fs-lg: 18px; --lh-lg: 26px; --fw-lg: 600;
  --fs-xl: 22px; --lh-xl: 30px; --fw-xl: 700;
  --fs-2xl: 28px; --lh-2xl: 36px; --fw-2xl: 700;
  --s-0: 0px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 48px;
  --s-10: 64px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;
  --sh-card: 0 1px 3px rgba(15, 23, 32, .05);
  --sh-raised: 0 2px 8px rgba(15, 23, 32, .08);
  --sh-pop: 0 16px 40px rgba(15, 23, 32, .18);
  --m-fast: 120ms;
  --m-base: 200ms;
  --m-ease: cubic-bezier(.2,.8,.2,1);
  --l-sidebar: 240px;
  --l-header: 56px;
  --l-tabbar: 44px;
  --l-content-max: 1120px;
  --l-drawer: 480px;
  --l-modal: 640px;
  --l-control-sm: 32px;
  --l-control-md: 40px;
  --l-control-lg: 48px;
}
/* Breakpoints: tablet 768px, desktop 1100px (in Media Queries als Zahl eintragen) */