/* Generated from token JSON — do not edit. */
:root {
  --sf-blue-50: #f3fbfe;
  --sf-blue-100: #e6f6fd;
  --sf-blue-200: #c5ebfa;
  --sf-blue-300: #8fd8f6;
  --sf-blue-400: #4ac4f2;
  --sf-blue-500: #00adee;
  --sf-blue-600: #0481bf;
  --sf-blue-700: #046a9f;
  --sf-blue-800: #023e5e;
  --sf-blue-900: #01344f;
  --sf-ink-50: #f6f8fa;
  --sf-ink-100: #ecf0f5;
  --sf-ink-200: #dde4ec;
  --sf-ink-300: #c1ccd8;
  --sf-ink-400: #94a3b4;
  --sf-ink-500: #6b7d91;
  --sf-ink-600: #4a5d73;
  --sf-ink-700: #324458;
  --sf-ink-800: #1a2a3a;
  --sf-ink-900: #0b1722;
  --sf-paper: #ffffff;
  --sf-ochre-50: #fdf6ed;
  --sf-ochre-100: #fdeedd;
  --sf-ochre-200: #fadbb5;
  --sf-ochre-300: #f4bd82;
  --sf-ochre-400: #eda04e;
  --sf-ochre-500: #e08422;
  --sf-ochre-600: #c96e1f;
  --sf-ochre-700: #a8591a;
  --sf-success: #1f8a5a;
  --sf-success-bg: #e6f4ec;
  --sf-warning: #b97012;
  --sf-warning-bg: #fdeedd;
  --sf-danger: #c1362c;
  --sf-danger-bg: #fbe9e7;
  --sf-ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --sf-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --sf-dur-fast: 120ms;
  --sf-dur-base: 200ms;
  --sf-dur-slow: 360ms;
  --sf-radius-xs: 3px;
  --sf-radius-sm: 6px;
  --sf-radius-md: 10px;
  --sf-radius-lg: 14px;
  --sf-radius-xl: 20px;
  --sf-radius-pill: 999px;
  --sf-bg: var(--sf-paper);
  --sf-bg-subtle: var(--sf-ink-50);
  --sf-bg-muted: var(--sf-ink-100);
  --sf-surface: var(--sf-paper);
  --sf-surface-alt: var(--sf-ink-50);
  --sf-border: var(--sf-ink-200);
  --sf-border-strong: var(--sf-ink-300);
  --sf-text: var(--sf-ink-900);
  --sf-text-xs: 12px;
  --sf-text-sm: 14px;
  --sf-text-base: 16px;
  --sf-text-md: 18px;
  --sf-text-lg: 22px;
  --sf-text-xl: 28px;
  --sf-text-2xl: 36px;
  --sf-text-3xl: 48px;
  --sf-text-4xl: 64px;
  --sf-text-muted: var(--sf-ink-600);
  --sf-text-subtle: var(--sf-ink-400);
  --sf-text-invert: var(--sf-paper);
  --sf-link: var(--sf-blue-700);
  --sf-link-hover: var(--sf-blue-800);
  --sf-info: var(--sf-blue-500);
  --sf-info-bg: var(--sf-blue-100);
  --sf-focus-ring: color-mix(in oklch, var(--sf-blue-500) 60%, transparent);
  --sf-action: var(--sf-blue-700);
  --sf-action-hover: var(--sf-blue-800);
  --sf-action-active: var(--sf-blue-900);
  --sf-on-action: var(--sf-paper);
  --sf-accent: var(--sf-ochre-500);
  --sf-accent-hover: var(--sf-ochre-600);
  --sf-on-accent: var(--sf-paper);
  --sf-shadow-xs: 0 1px 0 rgba(11, 23, 34, 0.04);
  --sf-shadow-sm: 0 1px 2px rgba(11, 23, 34, 0.06), 0 1px 1px rgba(11, 23, 34, 0.04);
  --sf-shadow-md: 0 4px 12px -2px rgba(11, 23, 34, 0.08), 0 2px 4px -1px rgba(11, 23, 34, 0.04);
  --sf-shadow-lg: 0 16px 32px -8px rgba(11, 23, 34, 0.10), 0 4px 8px -2px rgba(11, 23, 34, 0.05);
  --sf-shadow-xl: 0 32px 64px -16px rgba(1, 52, 79, 0.18);
  --sf-shadow-focus: 0 0 0 3px var(--sf-focus-ring);
  --sf-space-0: 0;
  --sf-space-1: 4px;
  --sf-space-2: 8px;
  --sf-space-3: 12px;
  --sf-space-4: 16px;
  --sf-space-5: 20px;
  --sf-space-6: 24px;
  --sf-space-8: 32px;
  --sf-space-10: 40px;
  --sf-space-12: 48px;
  --sf-space-16: 64px;
  --sf-space-20: 80px;
  --sf-space-24: 96px;
  --sf-font-sans: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sf-font-display: 'Raleway', 'Open Sans', system-ui, sans-serif;
  --sf-font-condensed: 'Roboto Condensed', 'Open Sans', system-ui, sans-serif;
  --sf-font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sf-leading-tight: 1.15;
  --sf-leading-snug: 1.3;
  --sf-leading-normal: 1.55;
  --sf-leading-loose: 1.7;
  --sf-tracking-tight: -0.02em;
  --sf-tracking-normal: 0;
  --sf-tracking-wide: 0.04em;
  --sf-tracking-caps: 0.08em;
  --sf-weight-regular: 400;
  --sf-weight-medium: 400;
  --sf-weight-semibold: 700;
  --sf-weight-bold: 700;
  --sf-container: 1200px;
  --sf-container-narrow: 760px;
}