/* ============================================================
   Catalyst Bridge Design System
   Direction: d3 — Swiss Tech
   Essence: Pure white + ink + a single signal colour, Space Grotesk + Inter, tight 12-col grid, hairline dividers, tabular numerics, micro-spring motion
   Industries: SaaS, fintech, cybersecurity, AI products, B2B consultants, data platforms, developer tools
   Avoid for: heritage businesses, weddings, youth brands, wellness, salons
   Generated: 2026-06-13
   ============================================================ */


:where(:root) {
  --cb-space-0: 0;
  --cb-space-1: 4px;
  --cb-space-2: 8px;
  --cb-space-3: 12px;
  --cb-space-4: 16px;
  --cb-space-5: 24px;
  --cb-space-6: 32px;
  --cb-space-7: 48px;
  --cb-space-8: 64px;
  --cb-space-9: 96px;
  --cb-space-10: 128px;
  --cb-space-11: 192px;
  --cb-size-wrap-narrow: 640px;
  --cb-size-wrap-default: 1200px;
  --cb-size-wrap-wide: 1440px;
  --cb-type-scale-body: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  --cb-type-scale-small: clamp(0.82rem, 0.78rem + 0.2vw, 0.9rem);
  --cb-type-scale-lead: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --cb-type-scale-h6: clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  --cb-type-scale-h5: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --cb-type-scale-h4: clamp(1.4rem, 1.25rem + 0.75vw, 1.75rem);
  --cb-type-scale-h3: clamp(1.7rem, 1.4rem + 1.5vw, 2.4rem);
  --cb-type-scale-h2: clamp(2.2rem, 1.7rem + 2.5vw, 3.6rem);
  --cb-type-scale-h1: clamp(2.8rem, 2rem + 4vw, 5.2rem);
  --cb-type-scale-display: clamp(3.6rem, 2rem + 8vw, 8rem);
  --cb-type-leading-tight: 1.1;
  --cb-type-leading-snug: 1.25;
  --cb-type-leading-normal: 1.5;
  --cb-type-leading-relaxed: 1.7;
  --cb-type-tracking-tight: -0.04em;
  --cb-type-tracking-snug: -0.02em;
  --cb-type-tracking-normal: 0;
  --cb-type-tracking-wide: 0.04em;
  --cb-type-tracking-wider: 0.08em;
  --cb-easing-linear: cubic-bezier(0, 0, 1, 1);
  --cb-easing-out-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --cb-easing-out-firm: cubic-bezier(0.4, 0, 0.2, 1);
  --cb-easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --cb-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --cb-duration-fast: 180ms;
  --cb-duration-base: 320ms;
  --cb-duration-slow: 640ms;
  --cb-duration-slower: 1200ms;
  --cb-breakpoint-sm: 520px;
  --cb-breakpoint-md: 768px;
  --cb-breakpoint-lg: 968px;
  --cb-breakpoint-xl: 1200px;
}

:where([data-direction="d3-swiss-tech"]),
:where(:root[data-direction="d3-swiss-tech"]) {
  --cb-radius-card: 8px;
  --cb-radius-btn: 6px;
  --cb-radius-input: 6px;
  --cb-radius-image: 8px;
  --cb-shadow-card: 0 1px 2px rgba(10,10,10,0.06), 0 10px 30px rgba(10,10,10,0.05);
  --cb-shadow-btn: 0 1px 2px rgba(10,10,10,0.12);
  --cb-shadow-lift: 0 16px 48px rgba(10,10,10,0.10);
  --cb-border-rule: 1px solid rgba(10,10,10,0.10);
  --cb-border-card: 1px solid rgba(10,10,10,0.08);
  --cb-wrap: 1200px;
  --cb-section_pad: clamp(4rem, 7vw, 7rem);
  --cb-font-heading_family: 'Space Grotesk', 'Space Grotesk Fallback', 'Inter', system-ui, sans-serif;
  --cb-font-body_family: 'Inter', 'Inter Fallback', system-ui, -apple-system, sans-serif;
  --cb-font-heading_weight: 600;
  --cb-font-body_weight: 400;
  --cb-motion-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --cb-motion-duration: 320ms;
  --cb-motion-stagger: 60ms;
  --cb-decoration-tabular_numerics: true;
  --cb-decoration-hairline_dividers: true;
  --cb-decoration-allcaps_section_labels: true;
  --cb-decoration-dense_grid: true;
  --cb-decoration-signal_accent: true;
}