:root {
    /* Colors */
    --colors--body-bg: #00050a;
    --colors--white: white;
    --colors--black: #0a0b10;
    --colors--primary-color: #4da3fe;
    --colors--transparent: transparent;
    --colors--stocks-color: #373737;
    --colors--gray-color: #636374;
    --colors--dark-gray: #1d1d1d;
    --colors--fill-color: #161616;
    --colors--border-color: #fff3;
    --colors--bg-rgba: #ffffff1a;
    --colors--darker-gray: #0d121a;

    /* Named colors */
    --blue: #2a3954;
    --blue-2: #4da3fe;
    --blue-light: #293d53;
    --blue-lighter: #1c3b70;
    --dark-blue: #111822;
    --sky-light: #f5f7f9;
    --gray-light: #6f767e;
    --dark-light: #2b2b2b;
    --black: black;
    --black-dark: #0d1521;

    /* Font sizes */
    --font-size--text-default: 16px;
    --font-size--text-sm: 14px;
    --font-size--text-lg: 18px;
    --font-size--text-xl: 20px;
    --font-size--common: 110%;
    --font-size--common-text: 130%;

    /* Heading sizes - Desktop */
    --font-size--h1-desktop: 60px;
    --font-size--h2-desktop: 48px;
    --font-size--h3-desktop: 42px;
    --font-size--h4-desktop: 24px;
    --font-size--h5-desktop: 20px;

    /* Heading sizes - Tablet */
    --font-size--h1-tablet: 48px;
    --font-size--h2-tablet: 42px;
    --font-size--h3-tablet: 32px;
    --font-size--h4-tablet: 22px;
    --font-size--h5-tablet: 18px;

    /* Heading sizes - Mobile */
    --font-size--h1-mobile: 38px;
    --font-size--h2-mobile: 34px;
    --font-size--h3-mobile: 24px;
    --font-size--h4-mobile: 18px;
    --font-size--h5-mobile: 16px;

    /* Line heights */
    --line-height--text-default: 150%;
    --line-height--text-xl: 155%;
    --line-height--h1: 120%;
    --line-height--h2: 114%;
    --line-height--h3: 110%;
    --line-height--h4: 120%;
    --line-height--h5: 160%;

    /* Spacing */
    --section-padding: 100px 0;
    --container-max-width: 1200px;
    --container-padding: 0 24px;
    --card-border-radius: 16px;
    --btn-border-radius: 8px;
}