/* Foundation v1. Opt-in only: no legacy aliases, resets or global element rules.
 * Palette/font/spacing presets belong to theme.json; structural roles live here.
 * Breakpoint policy: 1120 composition, 820 layout, 520 compact UI. */
:root {
  --eg-container-max: 1220px;
  --eg-gutter: 32px;
  --eg-space-1: var(--wp--preset--spacing--eg-1);
  --eg-space-2: var(--wp--preset--spacing--eg-2);
  --eg-space-3: var(--wp--preset--spacing--eg-3);
  --eg-space-4: var(--wp--preset--spacing--eg-4);
  --eg-space-5: var(--wp--preset--spacing--eg-5);
  --eg-text-meta: var(--wp--preset--font-size--eg-meta);
  --eg-text-small: var(--wp--preset--font-size--eg-small);
  --eg-text-base: var(--wp--preset--font-size--eg-base);
  --eg-text-lead: var(--wp--preset--font-size--eg-lead);
  --eg-heading-section: clamp(2.35rem, 4.7vw, 4.22rem);
  --eg-font: var(--wp--preset--font-family--system);
  --eg-line-body: var(--wp--custom--egraphics--leading--body);
  --eg-line-compact: 1.4;
  --eg-line-heading: 1.02;
  --eg-weight-heading: 650;
  --eg-weight-label: 800;
  --eg-tracking-heading: -.045em;
  --eg-tracking-label: .15em;
  --eg-section-space: 132px;
  --eg-section-head-gap: 68px;
  --eg-color-text: var(--wp--preset--color--ink);
  --eg-color-muted: var(--wp--preset--color--muted);
  --eg-color-line: var(--wp--preset--color--line);
  --eg-color-accent: var(--wp--preset--color--blue);
  --eg-color-link: var(--wp--preset--color--blue-deep);
  --eg-color-surface: var(--wp--preset--color--white);
  --eg-color-surface-alt: var(--wp--preset--color--soft);
  --eg-color-dark: var(--wp--preset--color--navy);
  --eg-hairline: 1px;
  --eg-indicator: 3px;
  --eg-focus-width: 2px;
  --eg-focus-offset: 3px;
  --eg-ui-duration: .2s;
  --eg-ui-ease: ease;
  --eg-media-duration: .7s;
  --eg-media-ease: cubic-bezier(.22, .61, .36, 1);
  --eg-control-height: 48px;
  --eg-control-height-compact: 40px;
  /* Relation geometry is a component role, never a general spacing scale. */
  --eg-relation-padding-block: 23px;
  --eg-relation-padding-inline: 25px;
  --eg-relation-min-height: 158px;
  --eg-relation-title-size: 1.04rem;
  --eg-relation-body-size: .74rem;
  --eg-relation-label-size: .67rem;
  --eg-arrow-size: 1.1rem;
}
@media (max-width: 820px) {
  :root { --eg-gutter: 20px; --eg-section-space: 100px; --eg-section-head-gap: 48px; }
}
@media (max-width: 520px) {
  :root { --eg-gutter: 16px; --eg-section-space: 80px; --eg-section-head-gap: 32px; }
}