/* Your Charisma · Concept B · Conversion Led — design tokens (from Figma frames 8:3 desktop, 8:335 mobile) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@800&display=swap');
:root {
  /* Colour */
  --ink: #141B21;           /* headings on light, footer bg, primary dark */
  --header-solid: #1C252D;  /* hero overlay tone, case study bg, header once scrolled */
  --proof-bar: #26323C;
  --surface: #FFFFFF;
  --bg-alt: #F3F5F7;        /* who we help + services band */
  --border: #E3E7EB;
  --body: #47535E;
  --muted: #5D6873;
  --placeholder: #6E7883;
  --slate: #4B5B67;         /* prices, links */
  --on-dark: #C3CCD4; --on-dark-strong: #E6EBEF; --on-dark-muted: #AEB8C1;
  --brand-yellow: #FFBE4C;
  --yellow-soft: #FFF3DC;   /* selected chip */
  --amber: #9A6300;         /* accent text on light */
  --chip-selected-text: #6B4400;
  --cta-bg: #FBC560;
  --ripple: #B97A12;
  --logo-gold: #EEBB5F;
  /* Hero overlay sits on the photo: see SPEC.md (Hero) */
  /* Type */
  --font-display: 'Plus Jakarta Sans', sans-serif; /* 700, 800 */
  --font-body: 'DM Sans', sans-serif;              /* 400, 500, 600, 700 */
  --font-wordmark: 'Montserrat', sans-serif;       /* logo wordmark only, if set as text */
  /* Layout */
  --container: 1280px; --gutter: 80px; --gutter-mobile: 20px;
  --section-y: 98px; --section-y-mobile: 60px;
  --radius-sm: 10px; --radius: 12px; --radius-md: 16px; --radius-lg: 20px; --radius-xl: 24px; --radius-pill: 999px;
}