:root {
  --font-primary: "Poppins", serif;
  --font-secondary: "Poppins", serif;

  --content-width: 1200px;
  --content-width-narrow: 900px;

  --lineHeight-text: 1.5;
  --lineHeight-heading: 1.2;
  
  --fontSize-sm: clamp(15px, 2vw, 17px);
  --fontSize-md: clamp(16px, 3vw, 22px);
  --fontSize-lg: clamp(22px, 4vw, 28px);
  --fontSize-xl: clamp(28px, 5vw, 35px);
  --fontSize-xxl: clamp(35px, 6vw, 50px);
  --fontSize-xxxl: clamp(48px, 8vw, 65px);

  --fontWeight-light: 300;
  --fontWeight-medium: 500;
  --fontWeight-bold: 600;
  --fontWeight-extra: 700;

  --letterSpacing-none: 0;
  --letterSpacing-wide: 0.15em;

  --base-fontSize: var(--fontSize-sm);
  
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-xxl: 128px;

  --color-text: #595959;
  --color-text-muted: #666;
  --color-text-highlight: #030303;
  --color-text-inverse: #fff;
  --color-text-link: #0923A9;
  --color-text-link-hover: #2546F3;

  --color-primary: #0923A9;
  --color-primary-light: #0923A9;

  --color-secondary: #2546F3;
  

  --color-bg-light: #fff;
  --color-bg-accentPrimary: #0923A9;
  --color-bg-accentSecondary: #D9D9D9;
  --color-bg-dark: #030303;

  --color-border: #2546F3;

  --transition: .3s;

  --borderRadius: 8px;


  --body-fontFamily: var(--font-primary);

  --h1-fontFamily: var(--font-secondary);
  --h1-fontWeight: 700;
  --h1-color: #030303;
  --h1-letterSpacing: var(--letterSpacing-none);

  --h2-fontFamily: var(--font-secondary);
  --h2-fontWeight: 500;
  --h2-color: #0923A9;
  --h2-letterSpacing: var(--letterSpacing-none);;

  --h3-fontFamily: var(--font-secondary);
  --h3-fontWeight: 500;
  --h3-color: #2546F3;
  --h3-letterSpacing: var(--letterSpacing-none);;

  --caption-fontFamily: var(--font-primary);
  --caption-textTransform: uppercase;
  --caption-letterSpacing: var(--letterSpacing-wide);

}