:root {
  --primary-color: #d9bba3;
  --secondary-color: #8c6b4b;
  --accent-color: #f4a261;
  --font-main: 'Helvetica Neue', Arial, sans-serif;
}

@layer component {
  theme-parallax {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
  }

  theme-parallax-layer {
    position: absolute;
    inset-block: -30px 0;
    inset-inline: 0;
    height: 130%;
  }
}