@layer base {
  :root {
    --logo-size: 64px;
    --viewport-padding-x: var(--size-2);
  }

  @media (min-width: 640px) {
    :root {
      --logo-size: 96px;
      --viewport-padding-x: var(--size-4);
    }
  }
}