:root {
  
    --clr-primary-dark: #09090A;
    --clr-primary-white: #fff;
    --clr-primary-light: #f5f7fb;
  
    --fc-primary: #09090A;
    --fc-dark: #000;

    --ff-primary: 'GoogleSans', sans-serif;
  
    --ff-body: var(--ff-primary);
    --ff-heading: var(--ff-primary);
  
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
  
    --fs-300: 12px;
    --fs-400: 0.875rem;
    --fs-500: 0.9375rem;
    --fs-600: 1rem;
    --fs-700: 1.875rem;
    --fs-800: 1.9rem;
    --fs-900: 3rem;

    --br-primary: 15px;
    --br-button: 4px;
    
    --fs-h1: calc(24px + 8 * (100dvw - 320px) / 1600);

    --fs-body: var(--fs-400);
    --fs-primary-heading: var(--fs-800);
    --fs-secondary-heading: var(--fs-700);
    --fs-nav: var(--fs-500);
    --fs-button: var(--fs-300);
  
    --shadow: 0px 0px 14px rgb(0 0 0 / 15%); 

    --height-header: 46px;
    --fc-nav: var(--fc-primary);
    --p-button: 10px 15px;
    --clr-border: #000000;
    --fc-white: #ffffff;
    --fc-black: #000000;
    --fc-grey: grey;

    --bg-header: var(--clr-primary-white); 
    --bg-footer: #002732; 
    --bg-corporate: #00181f; 
}