/* Your Charisma · Concept C · Bold Editorial — design tokens (from Figma frames 10:2 desktop, 10:402 mobile) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=Inter:wght@400;500;600;700&family=Montserrat:wght@800&display=swap');
:root {
  /* Colour */
  --bg: #F6F1E7;            /* sand sections, header */
  --paper: #FFFCF6;         /* alternate sections, cards */
  --ink: #20262B;           /* headings, primary dark buttons, case study bg */
  --cost-band: #2C3740;
  --body: #4A5560;
  --muted: #5F6973;
  --slate: #4B5B67;         /* prices, links */
  --border: #DDD4C3; --border-soft: #E2D6BF;
  --ring: #DCCDB0;          /* hero rings */
  --glow-sand: #E6D8BC;
  --amber: #8F5C00;         /* italic numerals, eyebrows on light */
  --brand-yellow: #FFBE4C;
  --yellow-soft: #FFF1D6;
  --on-dark: #C5CDD4;
  --cta-bg: #FBC560; --cta-ring: #B97A12;
  --logo-gold: #EEBB5F;
  /* Type */
  --font-display: 'Fraunces', serif;  /* 400, 400 italic, 600 */
  --font-body: 'Inter', sans-serif;   /* 400, 500, 600, 700 */
  --font-wordmark: 'Montserrat', sans-serif;
  /* Layout */
  --container: 1280px; --gutter: 80px; --gutter-mobile: 20px;
  --section-y: 98px; --section-y-mobile: 64px;
  --radius-sm: 10px; --radius: 20px; --radius-md: 24px; --radius-lg: 28px; --radius-pill: 999px;
}