:root {

  --hh-brand: #85bfb8;
  --hh-brand-dark: #5f9e96;
  --hh-sand: #e8ddd3;
  --hh-sand-deep: color-mix(in srgb, var(--hh-sand) 78%, #b8a898);
  --hh-accent: #d9a6a2;
  --hh-accent-deep: color-mix(in srgb, var(--hh-accent) 78%, #8a5c58);
  --hh-ink: #3d3835;
  --hh-ink-muted: #6b6560;

  --hh-white-soft: color-mix(in srgb, var(--hh-sand) 35%, white);
  --hh-sand-light: color-mix(in srgb, var(--hh-sand) 55%, white);
  --hh-brand-soft: color-mix(in srgb, var(--hh-brand) 28%, transparent);
  --hh-accent-soft: color-mix(in srgb, var(--hh-accent) 22%, transparent);
  --hh-brand-wash: color-mix(in srgb, var(--hh-brand) 38%, var(--hh-sand));
  --hh-accent-wash: color-mix(in srgb, var(--hh-accent) 30%, var(--hh-sand));
  --hh-brand-glow: color-mix(in srgb, var(--hh-brand) 52%, transparent);
  --hh-accent-glow: color-mix(in srgb, var(--hh-accent) 48%, transparent);
  --hh-white-hover: color-mix(in srgb, white 80%, transparent);
  --hh-shadow: 0 24px 70px color-mix(in srgb, var(--hh-ink) 12%, transparent);
  --hh-shadow-card: 0 20px 50px color-mix(in srgb, var(--hh-ink) 9%, transparent);
  --hh-shadow-photo: 0 18px 48px color-mix(in srgb, var(--hh-ink) 10%, transparent);

  --hh-font-body: "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
  --hh-font-heading: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --hh-font-brand: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --hh-font-heading-weight: 400;
  --hh-font-nav-weight: 400;
  --hh-text-small: 0.875rem;
  --hh-text-body: 1.125rem;
  --hh-text-btn: 1.0625rem;
  --hh-h1: clamp(2rem, 4vw + 0.5rem, 3.5rem);
  --hh-h2: clamp(1.5rem, 2vw + 0.75rem, 2.25rem);
  --hh-h3: clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem);
  --hh-text-kicker: 0.75rem;
  --hh-text-kicker-tracking: 0.16em;
  --hh-text-emphasis: var(--hh-h3);
  --hh-line-body: 1.7;
  --hh-prose-max: 42rem;

  --hh-space-h1-content: clamp(2.5rem, 4vw, 4rem);
  --hh-space-h2-p: clamp(1rem, 1.5vw, 1.5rem);
  --hh-space-p-p: clamp(1rem, 1.5vw, 1.5rem);
  --hh-section-y: 2.5rem;
  --hh-section-x: 2.5rem;

  --wp--style--global--content-size: min(1200px, calc(100vw - 2 * var(--hh-section-x)));
  --wp--style--global--wide-size: min(1400px, calc(100vw - 2 * var(--hh-section-x)));

  --hh-header-height: 5.5rem;
  --hh-viewport-height: 100dvh;
  --hh-radius-pill: 999px;
  --hh-radius-card: 1.75rem;
  --hh-header-pill-bg: rgb(255 255 255 / 0.5);
  --hh-header-pill-border: 1px solid rgb(255 255 255);
  --hh-header-tab-size: clamp(0.8125rem, 1.5vw, 0.875rem);
  --hh-header-tab-pad-y: 0.5rem;
  --hh-header-tab-pad-x: clamp(0.75rem, 2vw, 1rem);

  --hh-glass-surface: color-mix(in srgb, white 60%, var(--hh-sand));
  --hh-glass-border: rgb(255 255 255);
  --hh-glass-blur: 4px;
  --hh-quote-y: var(--hh-section-y);
  --hh-quote-prose-max: min(64rem, 100%);
  --hh-quote-text: clamp(1.0625rem, 0.8vw + 0.85rem, 1.25rem);
  --hh-quote-line: 1.45;

  --hh-section-bg: var(--hh-sand);
  --hh-gradient-cta:
    radial-gradient(
      ellipse 75% 85% at 8% 12%,
      var(--hh-brand-glow),
      transparent 58%
    ),
    radial-gradient(
      ellipse 70% 75% at 92% 88%,
      var(--hh-accent-glow),
      transparent 55%
    ),
    linear-gradient(
      135deg,
      var(--hh-brand-wash) 0%,
      var(--hh-accent-wash) 48%,
      var(--hh-sand) 100%
    );
}