:root {
    /* 24px */
    --theme-text-h1: 1.66vw;
    /* 20px */
    --theme-text-h2: 1.39vw;
    /* 16px */
    --theme-text-h3: 1.11vw;
    /*  15px */
    --theme-text-h4: 1.04vw;
    /* 14px */
    --theme-text-h5: 0.97vw;
    /* 13px */
    --theme-text-h6: 0.90vw;
    /* 12px */
    --theme-text-h7: 0.83vw;

    --theme-base-color: #141BCB;
    --theme-base-bg-color: #E8E8FA;
    --theme-base-border-color: #E8E8FA;
    --theme-color-primary: #000000E0;
    --theme-color-secondary: #000000A6;
    --theme-color-tertiary: #00000073;
    --theme-color-success: #50A248;

    --theme-text-weight1: 600;
    --theme-text-weight2: 500;
    --theme-text-weight3: 400;

    /* 32px */
    --theme-line-height1: 4.38vh; 
    /* 28px */
    --theme-line-height2: 3.83vh;
    /* 24px */
    --theme-line-height3: 3.28vh;
    /* 22px */
    --theme-line-height4: 1.375rem;
    /* 20px */
    --theme-line-height5: 2.74vh;
    /* 16px */
    --theme-line-height6: 2.19vh;

    --theme-border-color: #D5D5D5;

    /* 40px */
    --theme-gap-vertical1: 3.906vh;
    /* 32px */
    --theme-gap-vertical2: 3.125vh; 
    /* 24px */
    --theme-gap-vertical3: 2.344vh;
     /*20px  */
     --theme-gap-vertical4: 1.953vh;
     /* 16px */
     --theme-gap-vertical5: 1.563vh;
     /* 12px */
     --theme-gap-vertical6: 1.172vh;
    /* 8px */
    --theme-gap-vertical7: 0.781vh;
    /* 4px */
    --theme-gap-vertical8: 0.391vh;

    /* 40px */
    --theme-gap-horizontal1: 2.78vw;
    /* 32px */
    --theme-gap-horizontal2: 2.22vw; 
    /* 24px */
    --theme-gap-horizontal3: 1.67vw;
     /*20px  */
     --theme-gap-horizontal4: 1.39vw;
     /* 16px */
     --theme-gap-horizontal5: 1.11vw;
     /* 12px */
     --theme-gap-horizontal6: 0.83vw;
    /* 8px */
    --theme-gap-horizontal7: 0.55vw;
    /* 4px */
    --theme-gap-horizontal8: 0.28vw;
}