/* ============================================================
   Catalyst Bridge Design System
   Direction: d8 — Workshop Heritage
   Essence: Warm whites + ochre + deep green, Boska/Sentient serifs, paper texture, AOS slow ease, Est. badges
   Industries: joiners, stonemasons, butchers, breweries, distilleries, blacksmiths, leather goods, family construction firms
   Avoid for: AI, SaaS, youth brands, music creators
   Generated: 2026-05-08
   ============================================================ */

@import url("https://fonts.bunny.net/css?family=fraunces:400,500,600,900|lora:400,500,600&display=swap");

: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="d8-heritage"]),
:where(:root[data-direction="d8-heritage"]) {
  --cb-radius-card: 4px;
  --cb-radius-btn: 2px;
  --cb-radius-input: 2px;
  --cb-radius-image: 0;
  --cb-shadow-card: 0 1px 0 rgba(28,33,28,0.05), 0 8px 24px rgba(28,33,28,0.06);
  --cb-shadow-btn: 0 1px 0 rgba(28,33,28,0.1);
  --cb-shadow-lift: 0 12px 40px rgba(28,33,28,0.1);
  --cb-border-rule: 1px solid rgba(28,33,28,0.15);
  --cb-border-card: 1px solid rgba(28,33,28,0.1);
  --cb-wrap: 1200px;
  --cb-section_pad: clamp(4rem, 7vw, 8rem);
  --cb-font-heading_family: 'Boska', 'Fraunces', Georgia, serif;
  --cb-font-body_family: 'Sentient', 'Lora', Georgia, serif;
  --cb-font-heading_weight: 500;
  --cb-font-body_weight: 400;
  --cb-motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --cb-motion-duration: 1200ms;
  --cb-motion-stagger: 120ms;
  --cb-decoration-paper_texture: true;
  --cb-decoration-est_year_badge: true;
  --cb-decoration-ledger_fact_strip: true;
  --cb-decoration-hairline_borders: true;
  --cb-decoration-stacked_editorial_blocks: true;
}