:root {
  --section-padding-block: clamp(48px, calc(37.333px + 2.963vw), 80px);
  --section-padding-inline: clamp(1.6rem, 3.59vw + 0.308rem, 7.2rem);


  

  --container-width: 192rem;
  --logo-width: clamp(16.6rem, 20.343vw + 9.276rem, 24.9rem)

;

  --border-radius-xs: 4px;
  --border-radius-s: 6px;
  --border-radius-m: 8px;
  --border-radius-l: 10px;

  
  --grid-gutter-s: 1.6rem;
  --grid-gutter-m: 2.4rem;
  --grid-gutter-l: 3.2rem;


  --grid-columns: 12;
  --grid-1: minmax(0, 1fr);
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));



  --box-shadow-light: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}