@layer component.base {
  :root {
    --section-color: light-dark(#f2f2f2, #2b2b2b);
    --padding-small: 2rem;
    --padding-large: 4rem;
    --section-gap: var(--gap);
    @media (max-width: 640px) {
      --padding-small: 1.8055rem;
      --padding-large: 3.6111rem;
    }
  }
}