/* fobi Web 1.0 - eigenstaendige Web-Tokens, abgeleitet aus dem App-System. */
:root {
  --fw-navy-900: #001428;
  --fw-navy-800: #001f41;
  --fw-navy-700: #11316e;
  --fw-ink-600: #4a5b78;
  --fw-ink-500: #66768f;
  --fw-ink-400: #7f8ca5;
  --fw-white: #ffffff;
  --fw-surface-soft: #f5f8fc;
  --fw-surface-muted: #edf2f8;
  --fw-line: #e1e7f0;
  --fw-line-strong: #c8d3e2;
  --fw-cyan-700: #0576a6;
  --fw-cyan-600: #0b9fd8;
  --fw-cyan-100: #e3f4fc;
  --fw-green-700: #166f4c;
  --fw-green-100: #e3f5ec;
  --fw-red-700: #9d2b2b;
  --fw-red-100: #fbe5e5;
  --fw-amber-700: #8a5f00;
  --fw-amber-100: #fbf1d8;
  --fw-neutral-100: #e8ebf2;
  --fw-series-petrol-bg: #e0f4f7;
  --fw-series-petrol-fg: #0f6f7d;
  --fw-series-purple-bg: #eae6fa;
  --fw-series-purple-fg: #5b3fb5;
  --fw-series-pink-bg: #fae6ee;
  --fw-series-pink-fg: #a33266;
  --fw-text: var(--fw-navy-800);
  --fw-text-secondary: var(--fw-ink-600);
  --fw-text-meta: var(--fw-ink-500);
  --fw-bg: var(--fw-white);
  --fw-action: var(--fw-navy-800);
  --fw-action-hover: var(--fw-navy-700);
  --fw-focus: var(--fw-cyan-700);
  --fw-font: 'Geist', 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fw-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --fw-display: clamp(2.25rem, 1.25rem + 3.06vw, 4rem);
  --fw-h2: clamp(1.875rem, 1.12rem + 2.16vw, 3rem);
  --fw-h3: clamp(1.5rem, 1.12rem + .9vw, 2rem);
  --fw-body: 1.125rem;
  --fw-space-1: .25rem;
  --fw-space-2: .5rem;
  --fw-space-3: .75rem;
  --fw-space-4: 1rem;
  --fw-space-5: 1.25rem;
  --fw-space-6: 1.5rem;
  --fw-space-8: 2rem;
  --fw-space-10: 2.5rem;
  --fw-space-12: 3rem;
  --fw-space-16: 4rem;
  --fw-space-20: 5rem;
  --fw-space-24: 6rem;
  --fw-space-28: 7rem;
  --fw-space-36: 9rem;
  --fw-radius-tag: 4px;
  --fw-radius-status: 6px;
  --fw-radius-control: 8px;
  --fw-radius-card: 12px;
  --fw-radius-window: 16px;
  --fw-radius-stage: 24px;
  --fw-radius-pill: 999px;
  --fw-shadow-raised: 0 2px 8px rgb(0 31 65 / 6%);
  --fw-shadow-showcase: 0 24px 64px -20px rgb(0 31 65 / 16%);
  --fw-shadow-float: 0 8px 32px -8px rgb(0 31 65 / 14%);
  --fw-fast: 120ms;
  --fw-standard: 180ms;
  --fw-panel: 260ms;
  --fw-showcase: 400ms;
  --fw-ease: cubic-bezier(.2,.6,.2,1);
  --fw-content: 1280px;
  --fw-gutter: 48px;
  --fw-section-space: 112px;
  --fw-header: 80px;
  --fw-z-header: 20;
  --fw-z-toast: 40;
}
