/* Aliases only. Change values in theme.json, not individual pages. */
:root {
  --egg-surface: var(--wp--custom--egg--surface);
  --egg-surface-soft: var(--bsp-paper-2);
  --egg-field-red: var(--wp--custom--bsp--accent-field);
  --egg-line: var(--bsp-rule);
  --egg-line-strong: var(--bsp-rule-strong);
  --egg-r: var(--bsp-radius);
  --egg-shell: var(--bsp-paper);
  --egg-accent-action: color-mix(in srgb, var(--bsp-accent) 75%, var(--bsp-ink));
  --egg-font-ko: var(--wp--custom--egg--font-ko);
  --egg-page-top: var(--wp--custom--egg--page-top);
  --egg-gutter: var(--wp--custom--egg--gutter);
  --egg-anchor-offset: var(--wp--custom--egg--anchor-offset);
  --egg-type-display: var(--wp--custom--egg--type--display);
  --egg-type-hero: var(--wp--custom--egg--type--hero);
  --egg-type-home-hero: var(--wp--custom--egg--type--home-hero);
  --egg-type-navigation: var(--wp--custom--egg--type--navigation);
  --egg-type-project-hero: var(--wp--custom--egg--type--project-hero);
  --egg-type-story-hero: var(--wp--custom--egg--type--story-hero);
  --egg-type-story-body: var(--wp--custom--egg--type--story-body);
  --egg-type-heading: var(--wp--custom--egg--type--heading);
  --egg-type-title: var(--wp--custom--egg--type--title);
  --egg-type-body: var(--wp--custom--egg--type--body);
  --egg-type-meta: var(--wp--custom--egg--type--meta);
  --egg-space-xs: var(--wp--custom--egg--space--xs);
  --egg-space-sm: var(--wp--custom--egg--space--sm);
  --egg-space-md: var(--wp--custom--egg--space--md);
  --egg-space-lg: var(--wp--custom--egg--space--lg);
  --egg-space-xl: var(--wp--custom--egg--space--xl);
  --egg-space-xxl: var(--wp--custom--egg--space--xxl);
  --egg-control-hit: var(--wp--custom--egg--control--hit);
  --egg-control-height: var(--wp--custom--egg--control--height);
  --egg-control-radius: var(--wp--custom--egg--control--radius);
  --egg-logo-width: var(--wp--custom--egg--logo--width);
  --egg-marker-width: var(--wp--custom--egg--marker--width);
  --egg-marker-height: var(--wp--custom--egg--marker--height);
  --egg-marker-gap: var(--wp--custom--egg--marker--gap);
  --egg-motion-fast: var(--wp--custom--egg--motion--fast);
  --egg-motion-reveal: var(--wp--custom--egg--motion--reveal);
  --egg-motion-ease: var(--wp--custom--egg--motion--ease);
  --egg-motion-enter: var(--wp--custom--egg--motion--enter);
  --egg-motion-media: var(--wp--custom--egg--motion--media);
  --egg-motion-stagger: var(--wp--custom--egg--motion--stagger);
  --egg-motion-distance: var(--wp--custom--egg--motion--distance);
  --egg-motion-spring: var(--wp--custom--egg--motion--spring);
  --input-height: var(--egg-control-height);
  --input-padding: var(--egg-space-md);
  --input-rule: var(--bsp-rule-strong);
  --font-ko: var(--egg-font-ko);
}
@media (max-width: 1024px) {
  :root { --bsp-pad-page: var(--wp--custom--egg--pad-tablet); }
}
@media (max-width: 720px) {
  :root {
    --egg-motion-enter: var(--wp--custom--egg--motion--enter-mobile);
    --egg-motion-media: var(--wp--custom--egg--motion--media-mobile);
    --egg-motion-stagger: var(--wp--custom--egg--motion--stagger-mobile);
    --egg-motion-distance: var(--wp--custom--egg--motion--distance-mobile);
    --bsp-pad-page: var(--wp--custom--egg--pad-mobile);
    --egg-logo-width: var(--wp--custom--egg--logo--mobile);
    --egg-type-hero: var(--wp--custom--egg--type--hero-mobile);
    --egg-type-home-hero: var(--wp--custom--egg--type--home-hero-mobile);
    --egg-type-display: var(--wp--custom--egg--type--hero-mobile);
  }
}
