/* Generated from template/design-tokens.json. Keep before all site styles. */
:root, .ahl-site {
  --ahl-color-white: var(--wp--preset--color--ahl-white, #fff);
  --ahl-color-black: var(--wp--preset--color--ahl-black, #000);
  --ahl-color-ink: var(--wp--preset--color--ahl-ink, #050505);
  --ahl-color-accent: var(--wp--preset--color--ahl-accent, #ff3b3f);
  --ahl-color-coral: var(--wp--preset--color--ahl-coral, #ff3b3b);
  --ahl-color-accent-on-dark: var(--wp--preset--color--ahl-accent-on-dark, #ff5559);
  --ahl-color-accent-readable: var(--wp--preset--color--ahl-accent-readable, #b52228);
  --ahl-color-text: var(--wp--preset--color--ahl-text, #333);
  --ahl-color-body: var(--wp--preset--color--ahl-body, #555);
  --ahl-color-muted: var(--wp--preset--color--ahl-muted, #666);
  --ahl-color-secondary: var(--wp--preset--color--ahl-secondary, #777);
  --ahl-color-quiet: var(--wp--preset--color--ahl-quiet, #888);
  --ahl-color-subtle: var(--wp--preset--color--ahl-subtle, #aaa);
  --ahl-color-on-dark: var(--wp--preset--color--ahl-on-dark, #bbb);
  --ahl-color-line: var(--wp--preset--color--ahl-line, #ddd);
  --ahl-font-body: var(--wp--preset--font-family--ahl-body, "Manrope");
  --ahl-font-display: var(--wp--preset--font-family--ahl-display, "Cormorant Garamond");
  --ahl-space-gutter: var(--wp--custom--ahl--spacing--gutter, clamp(20px, 4.5vw, 72px));
  --ahl-space-section: var(--wp--custom--ahl--spacing--section, clamp(4.5rem, 6.5vw, 7rem));
  --ahl-space-section-compact: var(--wp--custom--ahl--spacing--section-compact, clamp(3.5rem, 5vw, 5.5rem));
  --ahl-space-section-mobile: var(--wp--custom--ahl--spacing--section-mobile, clamp(2.75rem, 8vw, 3.75rem));
  --ahl-space-section-compact-mobile: var(--wp--custom--ahl--spacing--section-compact-mobile, 2.5rem);
}