:root {
    /* 🖋️ FONT FAMILY */
    --font-base: 'Gilroy', Helvetica, sans-serif;
    --font-bold: 'Gilroy-Bold', Helvetica, sans-serif;

    /* 🎨 CORES */
    --primary-color: #fdaf31;
    --primary-color-hover: #fd9400;

    --btncolor: #fff;
    --bg-color: #0a0d0b;
    --bg-color1: #0b0d0b;
    --bg-color2: #082143;
    --bg-color3: #0b0d0b;
    --bg-color4: #000E20;
    --color-text-primary-button: #000000;
    --color-text-secondary-button: rgba(0, 0, 0, 0.6);
    --bg-secondary-button: #1a1b1e;
    --text-color-1: #fff;
    --text-color-2: rgba(255, 255, 255, .8);
    --text-color-3: rgba(255, 255, 255, .7);
    --text-color-4: rgba(255, 255, 255, .6);
    --stroke-1: #0b0d0b;
    --accept-color: #23E282;
    --reject-color: #C51212;
    --alert-color: #F2E626;
    --primary-color-register: #fdaf31;

     /* Lines Strokes */
    --stroke-structure-1: rgba(255, 255, 255, 0.1);
    --stroke-structure-2: rgba(255, 255, 255, 0.05);

    /* 📏 ESPAÇAMENTOS */
    --spacing1: 0.25rem;
    /* 4px */
    --spacing2: 0.5rem;
    /* 8px */
    --spacing3: 0.625rem;
    /* 10px */
    --spacing4: 0.875rem;
    /* 14px */
    --spacing5: 1.25rem;
    /* 20px */
    --spacing6: 1.5rem;
    /* 24px */
    --spacing8: 2rem;
    /* 32px */
    --spacing10: 2.5rem;
    /* 40px */
    --spacing12: 3rem;
    /* 48px */
    --spacing16: 4rem;
    /* 64px */
    --spacing20: 5rem;
    /* 80px */
    --spacing40: 10rem;
    /* 160px */
    --spacing64: 16rem;
    /* 256px */

    /* â­• BORDAS E RADIUS */
    --round1: 0.313rem;
    /* 5px */
    --round2: 0.625;
    /* 10px */
    --round3: 1rem;
    /* 16px */
    --round4: 1.25rem;
    /* 20px */
    --round5: 2.5rem;
    /* 40px */

    /* ✨ GLOW (EFEITO BRILHO) */
    --glow-effect: 0px 0px 20px rgba(44, 252, 4, 0.60);

    /* 🔁 TRANSIÇÕES */
    --transition-faster: all 0.2s ease-in-out;
    --transition-normal: all 0.3s ease-in-out;
    --transition-slow: all 0.4s ease-in-out;
    --transition-slower: all 0.5s ease-in-out;
}

/* 🖋️ FONTES */
.head-page {
    font-size: 2rem;
    line-height: 120%;
    font-weight: 500;
}

.destaq-title {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 700;
}

.section-title {
    font-size: 1.25rem;
    line-height: 120%;
    font-weight: 700;
}

.text-body {
    font-size: 1rem;
    line-height: 120%;
    font-weight: 500;
}

.textLink-botao {
    font-size: 0.875rem;
    line-height: 120%;
    font-weight: 700;
}

.text-desciption {
    font-size: 0.875rem;
    line-height: 120%;
    font-weight: 500;
}

.text-small {
    font-size: 0.813rem;
    line-height: 120%;
    font-weight: 500;
}

.text-min {
    font-size: 0.75rem;
    line-height: 120%;
    font-weight: 500;
}

.destaq-title-mobile {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 700;
}

.section-title-mobile {
    font-size: 1rem;
    line-height: 120%;
    font-weight: 700;
}

.textLink-botao-mobile {
    font-size: 0.813rem;
    line-height: 120%;
    font-weight: 700;
}

.text-body-mobile {
    font-size: 0.813rem;
    line-height: 120%;
    font-weight: 500;
}

.textLink-botao-mobile {
    font-size: 0.75rem;
    line-height: 120%;
    font-weight: 700;
}

.text-min-mobile {
    font-size: 0.625rem;
    line-height: 120%;
    font-weight: 500;
}