:root {  
    --fc-primary: #4B4B4B;
    --fc-dark: #000;
    --fc-sky: #e4f2ff;

    --ff-primary: 'arial', sans-serif;
  
    --ff-body: var(--ff-primary);
    --ff-heading: var(--ff-primary);
  

  
    --br-primary: 10px;
    --br-button: 8px;
  
    --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: 0 4px 8px rgba(0, 0, 0, 0.1);

    --height-header: 120px;
    --fc-nav: #000000;
    --p-button: 10px 15px;
    --clr-border: #000000;
    --fc-white: #ffffff;
    --fc-black: #000000;
    --fc-grey: grey;

    --primary-accent: #3E9CFF;
    --clr-primary-dark: #4B4B4B;
    --clr-primary-white: #fff;
    --clr-primary-light: #f5f7fb;
    --clr-primary-grey: #e2e2e2;

    --fw-regular: 400;
    --fw-semibold: 600;
    --fw-bold: 700;

    --fs-300: 0.8125rem;
    --fs-400: 0.875rem;
    --fs-500: 14px;
    --fs-600: 16px; /* Standart */
    --fs-700: 18px; /* subtitle für header */
    --fs-800: 20px; /* h3 */
    --fs-850: 42px; /* h2+- */
    --fs-900: 54px; /* Page Title */

    
    --p-100: 4px;
    --p-200: 8px;
    --p-300: 16px;
    --p-400: 20px;
    --p-450: 24px;
    --p-500: 28px;
    --p-600: 32px;
    --p-700: 64px;
    --p-800: 80px;

    --br-m: 10px

}