:root {
  --accent-color: #000000;
  --button-color: rgba(0, 0, 0, 0.4);
  --blue-color: rgba(36, 41, 182, 0.5);
  --bg-color: #ffffff;
  --text-color: #222222;

  --font-size-small: clamp(0.75rem, 0.5rem + 0.5vw, 0.875rem);
  --font-size-base: clamp(0.875rem, 0.5rem + 1vw, 1.125rem);
  --font-size-medium: clamp(1rem, 0.7rem + 1.2vw, 1.375rem);
  --font-size-heading: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  --font-size-title: clamp(2rem, 1.5rem + 3vw, 3.5rem);
  --font-size-hero: clamp(2.5rem, 2rem + 5vw, 5rem);

  --img-bg: 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%, #115ee2);
    --about-logo-w: 200px;
}