:root {
    /* Background */
    --color-bg-page:             #f3f4f5;
    --color-bg-white:            #ffffff;
    --color-bg-footer:           #1b6087;
    --color-bg-section-grey:     #f3f4f5;
    --color-bg-testimonial-1:    #f5f6f7;
    --color-bg-testimonial-2:    #fef6ea;

    /* Brand */
    --color-primary:             #2074a4;
    --color-primary-hover:       #1a5d85;
    --color-accent-orange:       #f6542c;
    --color-accent-yellow:       #fcb44c;
    --color-accent-green:        #90b137;
    --color-accent-blue-light:   #f2f9fe;

    /* Text */
    --color-text-body:           #555559;
    --color-text-heading:        #373838;
    --color-text-heading-dark:   #101111;
    --color-text-card-title:     #576770;
    --color-text-footer-light:   #87c4e7;
    --color-text-company-name:   #a4b2b7;

    /* Borders */
    --color-border-card:         #dbdfe4;
    --color-border-button:       #a9b2b7;
    --color-divider-footer:      #5689a7;

    /* Card gradient */
    --color-card-gradient-top:    #ffffff;
    --color-card-gradient-bottom: #f9f9f9;

    /* Typography */
    --font-family: 'Figtree', sans-serif;
    --font-size-base: 17px;
    --font-size-body: 22px;
    --font-size-section-title: 32px;
    --line-height-base: 1.6;
    --product-text-size: 19px;
    --product-text-lh: var(--line-height-base);

    /* Spacing */
    --space-xs:  4px;
    --space-sm:  10px;
    --space-md:  18px;
    --space-lg:  28px;
    --space-xl:  40px;
    --space-2xl: 56px;
    --space-3xl: 76px;
    --space-4xl: 96px;

    /* Border radius */
    --radius-default:   23px;
    --radius-container: 25px;
    --radius-button:    999px;
    --radius-input:     999px;
    --radius-small:     8px;

    /* Layout */
    --max-width-content:         1600px;
    --breakpoint-mobile:         768px;
    --breakpoint-tablet:         1024px;
    --left-column-width:         250px;
    --content-gap:               32px;
    --header-logo-width:         210px;
    --page-side-padding:         29px;

    /* Section geometry */
    --section-inner-padding-h:   38px;
    --section-inner-padding-top: 50px;
    --section-column-gap:        58px;
    --icon-numbered:             78px;
    --button-height:             77px;
    --footer-gap-above:          45px;
}