:root {
  --clr-accent: indianred;
  
  --clr-text: #2B2D3A;
  --clr-wrapper: #f5f5f5;

  /* --clr-primary: #424242; */
  --clr-primary: rgb(80, 92, 132);
  /* --clr-secondary: #DFDFDD; */
  --clr-secondary: rgb(199 212 229 / 38%);

  --header-bottom-color: #fff;
  --footer-color: #424242;

  --main-content-gap: 100px;

  /* 64 */
  --block-horizontal-padding: clamp(1.25rem, 0.7rem + 2.75vw, 4rem);
  --block-vertical-padding: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem);
  /* 60 */
  
  --font: 'NTSomic', sans-serif;
  --font_accent: 'Nunito', sans-serif;


  --border-radius: 32px;
  --btn-border-radius: 32px;


  --font-size: 16px;
  --gap: 0.9em;
  --container: 1420px;
  --container-xs: 1292px;
  --hover-brightness: 0.8;
  --active-brightness: 0.8;
}