/* ---------- variable style ---------- */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    /* fonts */
    --font-primary: 'DM Sans', sans-serif;
    --font-tit: 'DM Sans', sans-serif;

    --letter-spacing: 0.10em;
    --letter-spacing-tit: 0.05em;
    --letter-spacing-btn: 0.12em;
    --line-height-tit: 1.2em;
    --line-height-txt: 1.5em !important;
    --font-bold: 900;
    --font-medium: 600;


    --font-size-tit: 50px;
    --font-size-tit-tb: 2em;
    --font-size-tit-mv: 1.5em;

    --font-size-float: 9em;

    --font-size-subtit: 35px;
    --font-size-subtit-tb: 1.5em;
    --font-size-subtit-mv: 1.2em;

    --font-size-txt: 14px;

    --transition-p: all 0.4s ease;

    /* colors */
    --c-primary: #182E3F;
    --c-primary-dark: #1B1F21;
    --c-primary-light: #224e70;
    --c-grey: #d9d9d9;
    --c-bg: #f5f5f5;
    --c-text: #212224;
    --c-white: #fff;
    --c-light: #FAF8F3;
    --c-gris-bg: #F7F8F9;
    --c-green: #788951;

    --c-imp-solid: #99374C;
    --c-imp-light: #da5560;
    --c-est-solid: #A8BDC6;
    --c-est-light: #D0DCE3;
    --c-ort-solid: #E0A93B;
    --c-ort-light: #EACA44;

    /* gradients*/
    --deg-primary: linear-gradient(90deg, var(--c-primary), var(--c-primary-light));
    --deg-imp: linear-gradient(90deg, var(--c-imp-solid), var(--c-imp-light));
    --deg-ort: linear-gradient(90deg, var(--c-ort-solid), var(--c-ort-light));
    --deg-est: linear-gradient(90deg, var(--c-est-solid), var(--c-est-light));
    --deg-blan-gris: linear-gradient(180deg, var(--c-white), var(--c-gris-bg));
    
    /* Transitions */
    --all-transition: all 0.4s ease;
    --all-transition-large: all 0.6s ease-in-out;
}