:root {
  --base-font: 'Inter', sans-serif;
  --accent-font: 'Press Start 2P', fantasy;
  --font-style: normal;
  --card-text-weight: 410;
  --card-title-weight: 715;
  --accent-text-weight: 400;
  --base-text-size: 18px;
  --button-text-size: 14px;
  --button-text-height: 90%;
  --card-title-text-height: 22px;
  --card-desc-text-height: 21px;
  --header-gap: clamp(0.4375rem, 0.2394rem + 0.8451vw, 1rem);
  --bg-gradient:
      repeating-linear-gradient(to right, #d3d3d3 0 2px, transparent 2px 4px),
      repeating-linear-gradient(to bottom, #d3d3d3 0 2px, transparent 2px 4px),
      linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a 100%);
  --bg-color: #fff;
  --main-color: #000;
  --invert-color: #fff;
  --label-stroke-color: #fff;
  --backdrop-color: rgb(0 0 0 / 0.75);
  --heart-contour-color: #000;
  --heart-core-color: #000;
  --heart-body-color: #000;
  --sparks-color: #FF0000;
  --animation-fill-color: #FF0000;
  --header-title-size: clamp(3.0625rem, 2.7104rem + 1.5023vw, 4.0625rem);
  --header-subtitle-size: clamp(0.875rem, 0.6769rem + 0.8451vw, 1.4375rem);
  --padding-block-size: clamp(7.625rem, 7.4489rem + 0.7512vw, 8.125rem);
  --inline-size: clamp(23.4375rem, 16.2852rem + 30.5164vw, 43.75rem);
  --card-img-height: clamp(23.1875rem, 16.0352rem + 30.5164vw, 43.5rem);
  --header-margin-block: 99px;
}