/* GERADO por ferramentas/build_ativos.py -- edite fonte/css/tokens.css */
@font-face {
font-family: "Outfit";
font-style: normal;
font-weight: 300 500;
font-display: swap;
src: url("../fonts/outfit-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Outfit";
font-style: normal;
font-weight: 300 500;
font-display: swap;
src: url("../fonts/outfit-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
--navy:        #003566;
--dourado:     #FDC500;
--navy-fundo:  #001D3D;
--navy-tinta:  #000814;
--navy-hover:  #002647;
--navy-chip:   #D7E3F0;
--chip-tinta:  var(--navy);
--navy-luz:    #8FB4DC;
--dourado-txt: #6B5000;
--sup-1: #FFFFFF;
--sup-2: #F2F5F8;
--sup-3: #001D3D;
--sup-3-fundo: #000814;
--tinta:       #1A1A1A;
--tinta-2:     #40607F;
--tinta-suave: #5A5A5A;
--tinta-titulo: var(--navy);
--sobre-3:     #FFFFFF;
--sobre-3-2:   rgba(255, 255, 255, .72);
--accent-txt:  var(--dourado-txt);
--filete:      rgba(0, 0, 0, .14);
--filete-forte: rgba(0, 0, 0, .24);
--borda-ui:    #6E8093;
--filete-esc:  rgba(255, 255, 255, .18);
--borda-ui-esc: rgba(255, 255, 255, .45);
--foco:        var(--navy);
--traco:       #003566;
--traco-papel: #F2F5F8;
--traco-grade: rgba(0, 53, 102, .10);
--font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--fs-display: clamp(2.75rem, 10.4vw, 12.5rem);
--fs-h2:      clamp(1.75rem, 2.3vw, 2.75rem);
--fs-h3:      clamp(1.5rem,  2vw,   2.375rem);
--fs-lead:    clamp(1.25rem, 1.46vw, 1.75rem);
--fs-body:    clamp(1rem,    1.04vw, 1.25rem);
--fs-small:   1.0625rem;
--fs-ui:      1rem;
--fs-eyebrow: .9375rem;
--fs-legal:   .875rem;
--fs-numero:  clamp(1.875rem, 2.9vw, 3.25rem);
--s-1: 4px;   --s-2: 8px;   --s-3: 16px;  --s-4: 24px;
--s-5: 32px;  --s-6: 48px;  --s-7: 64px;  --s-8: 96px;
--s-9: 128px; --s-10: 160px; --s-11: 200px;
--container:   1376px;
--pad-lateral: 48px;
--nav-altura:  96px;
--sec-y:       var(--s-10);
--gap-bloco:   var(--s-7);
--gap-card:    16px;
--curva: cubic-bezier(.16, 1, .3, 1);
--t-cor: .18s ease;
}
@media (prefers-color-scheme: dark) {
:root:not([data-tema="claro"]) {
--sup-1: #000C18;
--sup-2: #001427;
--sup-3: #003566;
--sup-3-fundo: #000509;
--tinta:       #E8EDF3;
--tinta-2:     #9FBEE0;
--tinta-suave: #A8BACB;
--tinta-titulo: #E8EDF3;
--sobre-3:     #E8EDF3;
--sobre-3-2:   rgba(232, 237, 243, .74);
--accent-txt:  var(--dourado);
--filete:      rgba(255, 255, 255, .16);
--filete-forte: rgba(255, 255, 255, .26);
--borda-ui:    rgba(255, 255, 255, .38);
--filete-esc:  rgba(255, 255, 255, .20);
--borda-ui-esc: rgba(255, 255, 255, .45);
--foco:        var(--dourado);
--navy-chip:   rgba(255, 255, 255, .12);
--chip-tinta:  var(--tinta);
--traco:       #9FBEE0;
--traco-papel: #001427;
--traco-grade: rgba(159, 190, 224, .12);
color-scheme: dark;
}
}
:root[data-tema="escuro"] {
--sup-1: #000C18;
--sup-2: #001427;
--sup-3: #003566;
--sup-3-fundo: #000509;
--tinta:       #E8EDF3;
--tinta-2:     #9FBEE0;
--tinta-suave: #A8BACB;
--tinta-titulo: #E8EDF3;
--sobre-3:     #E8EDF3;
--sobre-3-2:   rgba(232, 237, 243, .74);
--accent-txt:  var(--dourado);
--filete:      rgba(255, 255, 255, .16);
--filete-forte: rgba(255, 255, 255, .26);
--borda-ui:    rgba(255, 255, 255, .38);
--filete-esc:  rgba(255, 255, 255, .20);
--borda-ui-esc: rgba(255, 255, 255, .45);
--foco:        var(--dourado);
--navy-chip:   rgba(255, 255, 255, .12);
--chip-tinta:  var(--tinta);
--traco:       #9FBEE0;
--traco-papel: #001427;
--traco-grade: rgba(159, 190, 224, .12);
color-scheme: dark;
}
@media (max-width: 1023px) {
:root {
--pad-lateral: 32px;
--nav-altura: 80px;
--sec-y: var(--s-8);
--gap-bloco: var(--s-6);
}
}
@media (max-width: 767px) {
:root {
--pad-lateral: 20px;
--nav-altura: 64px;
--sec-y: var(--s-7);
--gap-bloco: var(--s-5);
}
}
