:root {
  --page-background-gradient: repeating-linear-gradient(
      to right,
      #d3d3d3 0,
      #d3d3d3 2px,
      transparent 2px,
      transparent 4px
    ),
    repeating-linear-gradient(
      to bottom,
      #d3d3d3 0,
      #d3d3d3 2px,
      transparent 2px,
      transparent 4px
    ),
    linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a 100%);
  --main-font: 'Inter';
  --accent-font: 'PressStart2P';
  --card-width-min: 375px;
  --card-width-max: 700px;
  --card-width: clamp(var(--card-width-min), 100%, var(--card-width-max));
  --card-width-range: calc(var(--card-width-max) - var(--card-width-min));
  --card-header-font-weight: 715;
  --card-text-font-weight: 410;
  --card-background-color: #ffffff;
  --card-border-color: #000000;

  --font-weight-regular: 400;

  --button-background-color: var(--card-background-color);
  --button-text-color-hover: #ffffff;

  --contour-color: #000000;
  --contour-color-lable: #ffffff;
  --animation-fill-color: red;
}