/*
 * base.css
 * --------
 * Reset minimal, fond général, règles transverses.
 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--txt);
  font-family: 'Inter', sans-serif;
  background-color: #fff1a8;
  background-image:
    radial-gradient(
      circle at 10px 10px,
      rgba(231, 19, 26, .14) 0 3px,
      transparent 3.5px
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .4) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .4) 50%,
      rgba(255, 255, 255, .4) 75%,
      transparent 75%
    ),
    linear-gradient(
      180deg,
      #fff7c9,
      #ffe888
    );
  background-size:
    30px 30px,
    70px 70px,
    100% 100%;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  opacity: .16;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 48px,
      rgba(231, 19, 26, .18) 49px 52px
    ),
    repeating-linear-gradient(
      0deg,
      transparent 0 48px,
      rgba(0, 143, 59, .15) 49px 52px
    );
  mix-blend-mode: multiply;
}

body.elevator-open {
  overflow: hidden;
}

button {
  font: inherit;
}

canvas {
  display: block;
}