:root {
  --bfx-color-bg: #070a0d;
  --bfx-color-bg-soft: #0b0f13;
  --bfx-color-surface: #11161c;
  --bfx-color-surface-raised: #171d24;
  --bfx-color-surface-warm: #191813;
  --bfx-color-border: rgba(225, 231, 235, 0.11);
  --bfx-color-border-strong: rgba(225, 231, 235, 0.22);
  --bfx-color-text: #f4f1e9;
  --bfx-color-muted: #99a3ad;
  --bfx-color-subtle: #68737e;
  --bfx-color-accent: #2ad6a1;
  --bfx-color-accent-strong: #16b985;
  --bfx-color-premium: #c7a96b;
  --bfx-color-danger: #e97272;
  --bfx-color-warning: #d9ad63;
  --bfx-color-info: #7da7d9;
  --bfx-font-display: "Inter Tight", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --bfx-font-body: Inter, "Helvetica Neue", Arial, sans-serif;
  --bfx-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --bfx-text-xs: 0.72rem;
  --bfx-text-sm: 0.875rem;
  --bfx-text-base: 1rem;
  --bfx-text-lg: clamp(1.05rem, 1.5vw, 1.2rem);
  --bfx-text-xl: clamp(1.35rem, 2vw, 1.8rem);
  --bfx-text-2xl: clamp(2.25rem, 4.8vw, 4.8rem);
  --bfx-text-hero: clamp(3.25rem, 7vw, 7.25rem);
  --bfx-space-1: 0.25rem;
  --bfx-space-2: 0.5rem;
  --bfx-space-3: 0.75rem;
  --bfx-space-4: 1rem;
  --bfx-space-5: 1.25rem;
  --bfx-space-6: 1.5rem;
  --bfx-space-8: 2rem;
  --bfx-space-10: 2.5rem;
  --bfx-space-12: 3rem;
  --bfx-space-16: 4rem;
  --bfx-space-20: 5rem;
  --bfx-radius-sm: 0.4rem;
  --bfx-radius-md: 0.7rem;
  --bfx-radius-lg: 1rem;
  --bfx-radius-pill: 999px;
  --bfx-shadow-sm: 0 16px 44px rgba(0, 0, 0, 0.22);
  --bfx-shadow-lg: 0 42px 110px rgba(0, 0, 0, 0.42);
  --bfx-shadow-product: 0 26px 70px rgba(0, 0, 0, 0.34);
  --bfx-container: 1440px;
  --bfx-content: 1240px;
  --bfx-transition: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}