:root {
  --bfx-color-bg: #070914;
  --bfx-color-bg-warm: #0b0d1b;
  --bfx-color-surface: #101526;
  --bfx-color-surface-soft: #151c31;
  --bfx-color-text: #f7f8fc;
  --bfx-color-muted: #a7b1c9;
  --bfx-color-subtle: #7785a3;
  --bfx-color-accent: #26d9c7;
  --bfx-color-accent-strong: #14bbaa;
  --bfx-color-blush: #15213a;
  --bfx-color-gold: #ddb542;
  --bfx-color-gold-soft: #f2d477;
  --bfx-color-cyan: #45e4ff;
  --bfx-color-violet: #7c6cff;
  --bfx-color-border: #26304a;
  --bfx-color-border-strong: #394666;
  --bfx-color-success: #32d583;
  --bfx-color-danger: #e5484d;
  --bfx-color-light-surface: #f6f8fa;
  --bfx-color-light-text: #101722;
  --bfx-gradient-hero: radial-gradient(circle at 72% 28%, rgba(32, 178, 107, 0.18), transparent 30%), radial-gradient(circle at 44% 64%, rgba(40, 200, 216, 0.12), transparent 34%), linear-gradient(135deg, #06101d 0%, #091827 58%, #07111f 100%);
  --bfx-gradient-card: linear-gradient(145deg, rgba(24, 31, 55, 0.98), rgba(8, 11, 25, 0.98));
  --bfx-gradient-accent: linear-gradient(110deg, #26d9c7 0%, #45e4ff 46%, #7c6cff 100%);
  --bfx-font-display: "Space Grotesk", Inter, "Segoe UI", Arial, sans-serif;
  --bfx-font-hero: Archivo, Inter, "Segoe UI", Arial, sans-serif;
  --bfx-font-body: Inter, "Segoe UI", Arial, sans-serif;
  --bfx-text-xs: 0.75rem;
  --bfx-text-sm: 0.875rem;
  --bfx-text-base: 1rem;
  --bfx-text-lg: clamp(1.05rem, 1.4vw, 1.22rem);
  --bfx-text-xl: clamp(1.55rem, 2.4vw, 2.4rem);
  --bfx-text-2xl: clamp(2.4rem, 5vw, 5.4rem);
  --bfx-text-hero: clamp(3.25rem, 6.2vw, 6.8rem);
  --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.55rem;
  --bfx-radius-md: 0.9rem;
  --bfx-radius-lg: 1.35rem;
  --bfx-radius-pill: 999px;
  --bfx-shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.22);
  --bfx-shadow-lg: 0 28px 80px rgba(0, 0, 0, 0.34);
  --bfx-shadow-product: 0 22px 56px rgba(0, 0, 0, 0.3);
  --bfx-container: 1500px;
  --bfx-content: 1320px;
  --bfx-transition: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}