:root {
  /* Brand font stack from design spec */
  --myw-font-heading: "Newsreader", Georgia, serif;
  --myw-font-body: "Hanken Grotesk", Arial, sans-serif;
  --myw-font-logo: "Lato", Arial, sans-serif;

  /* Elementor global variables fallback.
     Configure these in Elementor Site Settings; these vars keep the theme aligned if Elementor changes. */
  --myw-charcoal: var(--e-global-color-primary, #313133);
  --myw-teal: var(--e-global-color-secondary, #057D99);
  --myw-ink: var(--e-global-color-text, #3B3A3C);
  --myw-coral: var(--e-global-color-accent, #FF9C85);

  /* Full design palette */
  --myw-muted: #6F675F;
  --myw-deep-teal: #06495A;
  --myw-teal-50: #E7F3F1;
  --myw-coral-deep: #C4502A;
  --myw-coral-hover: #FFB29F;
  --myw-coral-text: #4A1F10;
  --myw-cream: #FBF1E9;
  --myw-cream-2: #FCF5EE;
  --myw-clay: #EFE2CF;
  --myw-off-white: #FFFDFB;
  --myw-border: rgba(49, 49, 51, 0.16);
  --myw-border-soft: rgba(49, 49, 51, 0.12);

  /* Layout */
  --myw-site-max: 1920px;
  --myw-container: 1180px;
  --myw-container-content: 1024px;
  --myw-container-narrow: 40rem;
  --myw-reading-min: 34rem;
  --myw-side-padding: clamp(1.25rem, 0.8rem + 2vw, 1.75rem);
  --myw-section-y-sm: clamp(3rem, 5vw, 4.5rem);
  --myw-section-y: clamp(4rem, 8vw, 7rem);
  --myw-section-y-lg: clamp(5rem, 9vw, 8rem);
  --myw-section-y-xl: clamp(6rem, 10vw, 9rem);
  --myw-grid-gap: clamp(2rem, 4vw, 3rem);
  --myw-card-gap: clamp(1.25rem, 2vw, 1.75rem);

  /* Radius */
  --myw-radius-pill: 999px;
  --myw-radius-card: 18px;
  --myw-radius-input: 12px;
  --myw-radius-image: 18px;

  /* Type scale */
  --myw-font-display: clamp(2.7rem, 5.6vw, 4.4rem);
  --myw-font-section: clamp(1.9rem, 3.4vw, 2.7rem);
  --myw-font-lead: 1.25rem;
  --myw-font-body-size: 1.125rem;
  --myw-font-small: 0.95rem;
  --myw-font-eyebrow: 0.8rem;

  --myw-line-heading: 1.05;
  --myw-line-section: 1.15;
  --myw-line-body: 1.7;
  --myw-letter-eyebrow: 0.16em;
  --myw-letter-button: 0.13em;

  /* Buttons */
  --myw-btn-bg: var(--myw-coral);
  --myw-btn-bg-hover: var(--myw-coral-hover);
  --myw-btn-text: var(--myw-coral-text);
  --myw-btn-radius: var(--myw-radius-pill);
  --myw-btn-padding: 1rem 2.1rem;
  --myw-btn-font-size: 0.82rem;
  --myw-btn-weight: 600;

  /* Header */
  --myw-header-height: 88px;
  --myw-header-bg-scrolled: rgba(251, 241, 233, 0.88);
  
}
