:root {
  --accent-color: #000000;
  --background-color: #ffffff;
  --text-color: #000000;
  --label-stroke-color: var(--background-color);
  
  --animation-fill-color: #ff0000;
  
  --main-font: 'Inter-Variable', Arial, sans-serif;
  --accent-font: 'Press Start 2P', 'Courier New', monospace;
  
  --main-font-weight: 410;
  --title-font-weight: 715;
  
  --container-width: clamp(23.438rem, 30.516vw + 16.285rem, 43.75rem);
  --logo-font-size: clamp(3.5rem, 1.127vw + 3.227rem, 4.063rem);
  --title-font-size: clamp(2.5rem, 0.781vw + 2.305rem, 2.813rem);
  --header-padding: clamp(1.25rem, 1.307vw + 0.935rem, 2rem);
  --header-gap: clamp(1.25rem, 1.635vw + 0.848rem, 2.25rem);
  
  --page-background: 
    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%
    );
}