/* unifeyed-base - responsive token overrides
 *
 * theme.json custom properties are single-valued; the design defines block_spacing and
 * size tokens at THREE breakpoints. These media queries redefine the same custom
 * properties per breakpoint, so the values stay variables rather than being resolved
 * into per-section CSS. Mobile-first: theme.json carries the base value.
 *
 * Generated from site-spec.yml. Do not hand-edit.
 */

@media (min-width: 768px) {
  :root {
    --wp--custom--block-spacing--outside-margin: 48px;
    --wp--custom--block-spacing--hero-top-padding: 180px;
    --wp--custom--block-spacing--hero-bottom-padding: 120px;
    --wp--custom--size--hero-title-max: 600px;
  }
}

@media (min-width: 1200px) {
  :root {
    --wp--custom--block-spacing--block-vertical-padding: 120px;
    --wp--custom--block-spacing--hero-top-padding: 200px;
    --wp--custom--block-spacing--hero-bottom-padding: 160px;
    --wp--custom--size--hero-title-max: 900px;
  }
}
