/* ============================================================
   Concept B3 — design tokens (independent from B2).
   Palette: deep black, ivory, warm white, light stone; champagne only as accent.
   Contrast (WCAG):
     on-night #F4EFE7 / black 18:1 · on-night-muted #BDB4A7 / black 9.6:1
     champagne #CDB286 / black 9.7:1
     ink #1D1914 / warm white 17:1 · ink-muted #5B544B / warm white 7:1, / stone 5.6:1
     champagne-deep #6F5935 / warm white 6.5:1, / stone 5.3:1
   Map 1:1 to WordPress theme.json when migrating.
   ============================================================ */
.b3 {
  /* Color */
  --b3-black: #0a0908;
  --b3-charcoal: #121110;
  --b3-white: #ffffff;
  --b3-warm-white: #fbf9f5;
  --b3-ivory: #f6f2eb;
  --b3-stone: #ece6dc;
  --b3-ink: #1d1914;
  --b3-ink-muted: #5b544b;
  --b3-on-night: #f4efe7;
  --b3-on-night-muted: #bdb4a7;
  --b3-champagne: #cdb286;
  --b3-champagne-soft: #e3d2b3;
  --b3-champagne-deep: #6f5935;
  --b3-line: rgb(29 25 20 / 0.12);
  --b3-line-dark: rgb(244 239 231 / 0.14);
  --b3-focus: #1f5fbf;
  --b3-focus-dark: #f2c94c;

  /* Type */
  --b3-sans: 'Manrope Variable', 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --b3-display: 'Montserrat', 'Manrope Variable', 'Segoe UI', system-ui, sans-serif;
  --b3-fs-body: 1.0625rem; /* 17px */
  --b3-fs-small: 0.9375rem; /* 15px */
  --b3-fs-label: 0.875rem; /* 14px — smallest text */
  --b3-fs-lead: clamp(1.0625rem, 0.95rem + 0.4vw, 1.3125rem);
  --b3-fs-h2: clamp(1.75rem, 1.05rem + 2vw, 2.75rem);

  /* Space */
  --b3-container: 84rem;
  --b3-gutter: clamp(1.25rem, 0.5rem + 3.5vw, 4rem);
  --b3-section: clamp(5rem, 3rem + 6vw, 9rem);

  /* Motion */
  --b3-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --b3-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
}