:root {

    --primary-dark: #0A0C10;
    --primary-dark-rgb: 10, 12, 16;
    --white: #FFFFFF;
    --light-grey: #D8D8D8;
    --blue-grey: #95A1AD;
    --primary-red: #A41045;
    --soft-blue: #ebfefb;
    --soft-blue-rgb: 235, 254, 251;
    --turquoise: #32818c;
    --turquoise-rgb: 50, 129, 140;
    --strong-red: #3c0607;
    --strong-red-rgb: 60, 6, 7;
    --mint-whisper: #d6faf1;
    --mint-whisper-rgb: 214, 250, 241;
    --dark-goldenrod: #B8860B;
    --button-color: rgba(255, 255, 255, 0.4);
    --transparent-background: rgba(229, 229, 229, 0.13);
    --gradient-headings: linear-gradient(to bottom, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 1) 100%);
    --primary-dark-gradient-headings: linear-gradient(to bottom, rgba(10, 12, 16, 0.38) 0%, rgba(10, 12, 16, 1) 100%);
    --my-journey-card-color: #333;
    --beauty-article-color-secondary: #3B9D9C;
    --beauty-article-color-tertiary: #E76F51;
    --button-hover-color: #005fa3;

    --hover-color: #272832;
    --accent-color: #0071FF;
    --text-color: #c9c9c9;


    --h1-font: 600 4.375rem/110% 'Oswald', sans-serif;
    --h2-font: 600 3.75rem/110% 'Oswald', sans-serif;
    --h3-font: 600 2.5rem/150% 'Oswald', sans-serif;
    --h4-font: 600 2.0rem/110% 'Oswald', sans-serif;
    --button-large-font: 600 1.5rem/150% 'Open Sans', sans-serif;
    --button-small-font: 600 1rem/130% 'Open Sans', sans-serif;
    --UI-label-bold-font: bold 1.375rem/150 'Open Sans', sans-serif;
    --UI-label-small-bold-font: bold 1.125rem/150 'Open Sans', sans-serif;
    --UI-label-semibold-font: 600 1.375rem/150% 'Open Sans', sans-serif;
    --UI-label-small-semibold-font: 600 1.2rem/130% 'Open Sans', sans-serif;
    --UI-label-very-small-semibold-font: 600 1rem/130% 'Open Sans', sans-serif;
    --UI-label-regular-font: 400 1.125rem/150% 'Open Sans', sans-serif;
    --UI-label-regular-big-font: 600 1.125rem/150% 'Open Sans', sans-serif;
    --UI-label-medium-line-height-30-font: 400 1rem/1.875rem 'Open Sans', sans-serif;
    --UI-label-medium-font: 400 1.5rem/130% 'Open Sans', sans-serif;
    --UI-label-medium-semibold-font: 600 0.9375rem/130% 'Open Sans', sans-serif;
    --UI-label-small-font: 400 0.875rem/150% 'Open Sans', sans-serif;
    --p1-medium-font: 400 1.25rem/150% 'Open Sans', sans-serif;
    --p1-small-font: 400 1rem/150% 'Open Sans', sans-serif;
    --blog-title-font: bold 7rem/110% 'Oswald', sans-serif;
    --p1-big-font: 400 1.4rem/150% 'Open Sans', sans-serif;
    --p1-big-bold-font: bold 1.6rem/150% 'Open Sans', sans-serif;
    --p1-small-font: 400 1rem/150% 'Open Sans', sans-serif;
    --p1-small-bold-font: bold 1rem/150% 'Open Sans', sans-serif;

    --mobile-h1-font: bold 2.3rem/110% 'Oswald', sans-serif;
    --mobile-h2-font: 600 1.75rem/110% 'Oswald', sans-serif;
    --mobile-h2-small-font: 600 1.75rem/110% 'Oswald', sans-serif;
    --mobile-h3-font: 600 1.375rem/110% 'Oswald', sans-serif;
    --mobile-h4-font: 600 1.125rem/110% 'Oswald', sans-serif;
    --mobile-button-large-font: 600 1.25rem/130% 'Open Sans', sans-serif;
    --mobile-button-small-font: 600 0.875rem/150% 'Open Sans', sans-serif;
    --mobile-UI-label-semibold-font: 600 1rem/150% 'Open Sans', sans-serif;
    --mobile-UI-label-medium-font: 400 1rem/150% 'Open Sans', sans-serif;
    --mobile-p1-medium-big-font: 400 1.25rem/150% 'Open Sans', sans-serif;
    --mobile-p1-medium-font: 400 1rem/150% 'Open Sans', sans-serif;
    --mobile-p1-small-font: 400 0.875rem/150% 'Open Sans', sans-serif;
    --mobile-p1-very-small-font: 400 0.75rem/150% 'Open Sans', sans-serif;
    --mobile-blog-title-font: bold 5rem/110% 'Oswald', sans-serif;
    --mobile-p1-small-bold-font: bold 0.75rem/150% 'Open Sans', sans-serif;
  }