/* ==========================================================================
   We Do It All — Design Tokens (v2026)
   Variable names mirror WordPress theme.json presets 1:1 so this file
   converts directly into settings.color.palette / typography / spacing.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');

:root {
  /* ---- Color palette (theme.json: settings.color.palette) ---- */
  --wp--preset--color--primary: #EE5A26;        /* Logo orange — CTAs, accents */
  --wp--preset--color--primary-dark: #C7400F;   /* Hover / small orange text, AA on white */
  --wp--preset--color--primary-soft: #FFEBE2;   /* Tints, chips */
  --wp--preset--color--navy: #1D2A44;           /* Secondary brand (roof line) */
  --wp--preset--color--ink: #14181D;            /* Body text, dark sections */
  --wp--preset--color--ink-2: #1F252C;          /* Raised surface on dark */
  --wp--preset--color--muted: #5E6670;          /* Secondary text */
  --wp--preset--color--line: #DFE3E8;           /* Hairlines, borders */
  --wp--preset--color--sand: #F3F5F7;           /* Page background (cool neutral) */
  --wp--preset--color--paper: #FFFFFF;          /* Alt section background */
  --wp--preset--color--white: #FFFFFF;
  --wp--preset--color--on-dark: #F2F4F6;        /* Text on dark sections */
  --wp--preset--color--on-dark-muted: #A3ABB5;
  --wp--preset--color--on-dark-soft: #D5DAE0;
  --wp--preset--color--success: #2F8F5B;
  --wp--preset--color--star: #F5B301;

  /* ---- Font families (theme.json: settings.typography.fontFamilies) ---- */
  --wp--preset--font-family--display: 'Bricolage Grotesque', 'Helvetica Neue', Helvetica, sans-serif;
  --wp--preset--font-family--body: 'Instrument Sans', 'Helvetica Neue', Helvetica, sans-serif;
  --wp--preset--font-family--mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ---- Fluid font sizes (theme.json: settings.typography.fontSizes) ---- */
  --wp--preset--font-size--x-small: 0.8125rem;                          /* 13 */
  --wp--preset--font-size--small: 0.9375rem;                            /* 15 */
  --wp--preset--font-size--medium: 1.0625rem;                           /* 17 body */
  --wp--preset--font-size--large: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --wp--preset--font-size--x-large: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);
  --wp--preset--font-size--xx-large: clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
  --wp--preset--font-size--huge: clamp(2.75rem, 1.6rem + 4.6vw, 6rem);

  /* ---- Spacing scale (theme.json: settings.spacing.spacingSizes) ---- */
  --wp--preset--spacing--10: 0.5rem;
  --wp--preset--spacing--20: 0.75rem;
  --wp--preset--spacing--30: 1rem;
  --wp--preset--spacing--40: 1.5rem;
  --wp--preset--spacing--50: clamp(2rem, 1.6rem + 1.5vw, 3rem);
  --wp--preset--spacing--60: clamp(3rem, 2.2rem + 3vw, 5rem);
  --wp--preset--spacing--70: clamp(4.5rem, 3rem + 5vw, 8rem);

  /* ---- Radius / shadow / layout (theme.json: custom) ---- */
  --wp--custom--radius--sm: 10px;
  --wp--custom--radius--md: 18px;
  --wp--custom--radius--lg: 28px;
  --wp--custom--radius--pill: 999px;
  --wp--custom--shadow--card: 0 1px 0 rgba(26,23,20,.04), 0 12px 32px -16px rgba(26,23,20,.18);
  --wp--custom--shadow--float: 0 24px 60px -20px rgba(26,23,20,.35);
  --wp--style--global--content-size: 760px;
  --wp--style--global--wide-size: 1280px;
  --wp--custom--ease: cubic-bezier(.2,.7,.2,1);
}