@font-face {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 400 800;
    font-stretch: 62% 125%;
    font-display: swap;
    src: url("../lib/archivo/archivo-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 400 800;
    font-stretch: 62% 125%;
    font-display: swap;
    src: url("../lib/archivo/archivo-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;
}

@layer base {
    :root {
        --aer-tinta-950: #0c0d0f;
        --aer-tinta-900: #131417;
        --aer-tinta-850: #1c1c1c;
        --aer-tinta-800: #26272a;
        --aer-tinta-700: #3a3a3e;
        --aer-tinta-600: #4b4c51;
        --aer-tinta-500: #5b5c63;
        --aer-tinta-400: #85858c;
        --aer-tinta-300: #b3b4ba;
        --aer-tinta-200: #d4d4d8;
        --aer-tinta-100: #e8e8eb;
        --aer-tinta-50: #f4f4f5;

        --aer-carmim-900: #4a0912;
        --aer-carmim-700: #7e0e1a;
        --aer-carmim-600: #9d1221;
        --aer-carmim-500: #b8172b;
        --aer-carmim-400: #d43a4d;
        --aer-carmim-300: #ec7787;
        --aer-carmim-100: #f7e6e8;

        --aer-fonte: "Segoe UI Variable Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        --aer-fonte-titulo: "Archivo", "Segoe UI Variable Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        --aer-fonte-rotulo: "Archivo", "Arial Narrow", "Segoe UI", sans-serif;
        --aer-fonte-mono: "Cascadia Mono", ui-monospace, Consolas, "Liberation Mono", monospace;
        --aer-largura-titulo: 88%;
        --aer-largura-rotulo: 82%;
        --aer-largura-selo: 78%;

        --aer-t-1: .75rem;
        --aer-t-2: .8125rem;
        --aer-t-3: .875rem;
        --aer-t-4: .9375rem;
        --aer-t-5: 1.125rem;
        --aer-t-6: 1.375rem;
        --aer-t-7: 1.625rem;
        --aer-t-8: 2rem;

        --aer-peso-normal: 400;
        --aer-peso-medio: 600;
        --aer-peso-titulo: 650;
        --aer-peso-forte: 700;

        --aer-e1: 4px;
        --aer-e2: 8px;
        --aer-e3: 12px;
        --aer-e4: 16px;
        --aer-e5: 24px;
        --aer-e6: 32px;
        --aer-e7: 48px;

        --aer-raio-p: 3px;
        --aer-raio: 3px;
        --aer-raio-g: 4px;
        --aer-raio-selo: 2px;
        --aer-raio-pilula: 999px;

        --aer-regua: 3px;

        --aer-mov-rapido: 120ms;
        --aer-mov: 180ms;
        --aer-mov-lento: 240ms;
        --aer-curva: cubic-bezier(.2, .7, .2, 1);

        --aer-lateral: 236px;
        --aer-lateral-trilho: 64px;
        --aer-topo: 52px;

        --aer-celula-y: 8px;
        --aer-celula-x: 10px;

        --aer-z-topo: 1020;
        --aer-z-lateral: 1030;
        --aer-z-preloader: 1090;

        --aer-fundo: #f4f4f5;
        --aer-superficie: #ffffff;
        --aer-superficie-2: #f8f8f9;
        --aer-superficie-3: #ececee;
        --aer-fundo-rgb: 244, 244, 245;
        --aer-superficie-rgb: 255, 255, 255;
        --aer-superficie-2-rgb: 248, 248, 249;

        --aer-texto: #1c1c1c;
        --aer-texto-2: #505050;
        --aer-texto-3: #5d5d63;
        --aer-texto-inverso: #ffffff;
        --aer-texto-rgb: 28, 28, 28;
        --aer-texto-rotulo: #5d5d63;
        --aer-texto-rotulo-rgb: 93, 93, 99;

        --aer-borda: #e2e2e5;
        --aer-borda-forte: #d4d4d4;
        --aer-borda-campo: #85858c;
        --aer-regua-tinta: #1c1c1c;

        --aer-acao: #1c1c1c;
        --aer-acao-hover: #3a3a3e;
        --aer-acao-ativo: #000000;
        --aer-acao-texto: #1c1c1c;
        --aer-acao-sutil: #ececee;
        --aer-acao-sutil-forte: #e2e2e5;
        --aer-sobre-acao: #ffffff;
        --aer-sobre-acao-rgb: 255, 255, 255;
        --aer-acao-rgb: 28, 28, 28;
        --aer-acao-texto-rgb: 28, 28, 28;
        --aer-anel-foco: var(--aer-acao);
        --aer-foco: 0 0 0 2px var(--aer-fundo), 0 0 0 4px var(--aer-anel-foco);

        --aer-marca: #9d1221;
        --aer-marca-sutil: #f7e6e8;
        --aer-marca-rgb: 157, 18, 33;
        --aer-marca-solida: #9d1221;
        --aer-sobre-marca-solida: #ffffff;
        --aer-placa: #ffffff;
        --aer-placa-borda: #d4d4d4;
        --aer-icone-seta: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235d5d63' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");

        --aer-positivo: #2f5d50;
        --aer-positivo-sutil: #e4eee9;
        --aer-positivo-rgb: 47, 93, 80;
        --aer-positivo-sutil-rgb: 228, 238, 233;

        --aer-atencao: #8a4f0b;
        --aer-atencao-sutil: #f9ecdb;
        --aer-atencao-rgb: 138, 79, 11;
        --aer-atencao-sutil-rgb: 249, 236, 219;

        --aer-negativo: #ae3b22;
        --aer-negativo-sutil: #f9e7e1;
        --aer-negativo-rgb: 174, 59, 34;
        --aer-negativo-sutil-rgb: 249, 231, 225;

        --aer-info: #2a5d8a;
        --aer-info-sutil: #e6edf4;
        --aer-info-rgb: 42, 93, 138;
        --aer-info-sutil-rgb: 230, 237, 244;

        --aer-neutro: #5b5c63;
        --aer-neutro-sutil: #ececee;
        --aer-neutro-rgb: 91, 92, 99;
        --aer-neutro-sutil-rgb: 236, 236, 238;

        --aer-processo: #5b4ea0;
        --aer-processo-sutil: #ebe8f5;
        --aer-processo-rgb: 91, 78, 160;
        --aer-processo-sutil-rgb: 235, 232, 245;

        --aer-perdoado: #8a2c72;
        --aer-perdoado-sutil: #f5e6ef;
        --aer-perdoado-rgb: 138, 44, 114;
        --aer-pendente: #8a4f0b;
        --aer-pendente-sutil: #f9ecdb;
        --aer-pendente-rgb: 138, 79, 11;
        --aer-protestado: #2b4057;
        --aer-protestado-rgb: 43, 64, 87;
        --aer-sobre-protestado: #ffffff;
        --aer-sobre-protestado-rgb: 255, 255, 255;

        --aer-clinico-normal: #2f5d50;
        --aer-clinico-normal-sutil: #e4eee9;
        --aer-clinico-alterado: #7a3b86;
        --aer-clinico-alterado-sutil: #f2e8f2;
        --aer-clinico-indefinido: #5b5c63;
        --aer-clinico-indefinido-sutil: #ececee;

        --aer-papel: #ffffff;
        --aer-dica-fundo: #1c1c1c;
        --aer-dica-texto: #ffffff;

        --aer-perigo: #ae3b22;
        --aer-perigo-hover: #95311b;
        --aer-perigo-ativo: #822a17;
        --aer-perigo-texto: #ae3b22;
        --aer-sobre-perigo: #ffffff;

        --aer-shell-fundo: #ffffff;
        --aer-shell-borda: #e2e2e5;
        --aer-shell-texto: #1c1c1c;
        --aer-shell-texto-2: #3d3d42;
        --aer-shell-texto-3: #6a6a70;
        --aer-shell-hover: rgba(0, 0, 0, .045);
        --aer-shell-ativo: #f4e1e3;
        --aer-shell-regua: #9d1221;
        --aer-shell-marca: #9d1221;
        --aer-shell-elevado: #ffffff;

        --aer-elev-1: 0 1px 2px rgba(20, 20, 24, .06), 0 6px 18px rgba(20, 20, 24, .10);
        --aer-elev-2: 0 2px 6px rgba(20, 20, 24, .10), 0 10px 28px rgba(20, 20, 24, .16);
        --aer-elev-3: 0 4px 12px rgba(20, 20, 24, .12), 0 24px 56px rgba(20, 20, 24, .20);
        --aer-veu: rgba(20, 20, 24, .40);
        --aer-sombra-rolagem: rgba(20, 20, 24, .16);

        --aer-serie-1: #3a3a3e;
        --aer-serie-2: #2a5d8a;
        --aer-serie-3: #2f5d50;
        --aer-serie-4: #8a4f0b;
        --aer-serie-5: #5b4ea0;
        --aer-serie-6: #85858c;
        --aer-grade: #e2e2e5;

        color-scheme: light;
    }

    [data-bs-theme="dark"] {
        --aer-fundo: #121316;
        --aer-superficie: #1a1c20;
        --aer-superficie-2: #16181c;
        --aer-superficie-3: #23262b;
        --aer-fundo-rgb: 18, 19, 22;
        --aer-superficie-rgb: 26, 28, 32;
        --aer-superficie-2-rgb: 22, 24, 28;

        --aer-texto: #ececee;
        --aer-texto-2: #b8b9be;
        --aer-texto-3: #9a9ba2;
        --aer-texto-inverso: #121316;
        --aer-texto-rgb: 236, 236, 238;
        --aer-texto-rotulo: #9a9ba2;
        --aer-texto-rotulo-rgb: 154, 155, 162;

        --aer-borda: #2a2c32;
        --aer-borda-forte: #3a3d44;
        --aer-borda-campo: #6c6f78;
        --aer-regua-tinta: #b8b9be;

        --aer-acao: #ececee;
        --aer-acao-hover: #ffffff;
        --aer-acao-ativo: #d0d0d4;
        --aer-acao-texto: #ececee;
        --aer-acao-sutil: #23262b;
        --aer-acao-sutil-forte: #2f3238;
        --aer-sobre-acao: #121316;
        --aer-sobre-acao-rgb: 18, 19, 22;
        --aer-acao-rgb: 236, 236, 238;
        --aer-acao-texto-rgb: 236, 236, 238;

        --aer-marca: #ee6679;
        --aer-marca-sutil: #34161c;
        --aer-marca-rgb: 238, 102, 121;
        --aer-marca-solida: #9d1221;
        --aer-sobre-marca-solida: #ffffff;
        --aer-placa: #e8e8eb;
        --aer-placa-borda: rgba(255, 255, 255, .10);
        --aer-icone-seta: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239a9ba2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");

        --aer-positivo: #7cc3a8;
        --aer-positivo-sutil: #17261f;
        --aer-positivo-rgb: 124, 195, 168;
        --aer-positivo-sutil-rgb: 23, 38, 31;

        --aer-atencao: #e2a75a;
        --aer-atencao-sutil: #2a2116;
        --aer-atencao-rgb: 226, 167, 90;
        --aer-atencao-sutil-rgb: 42, 33, 22;

        --aer-negativo: #f3937c;
        --aer-negativo-sutil: #2c1a17;
        --aer-negativo-rgb: 243, 147, 124;
        --aer-negativo-sutil-rgb: 44, 26, 23;

        --aer-info: #8fbbe6;
        --aer-info-sutil: #16222f;
        --aer-info-rgb: 143, 187, 230;
        --aer-info-sutil-rgb: 22, 34, 47;

        --aer-neutro: #b3b4ba;
        --aer-neutro-sutil: #23262b;
        --aer-neutro-rgb: 179, 180, 186;
        --aer-neutro-sutil-rgb: 35, 38, 43;

        --aer-processo: #b6aaf0;
        --aer-processo-sutil: #211e36;
        --aer-processo-rgb: 182, 170, 240;
        --aer-processo-sutil-rgb: 33, 30, 54;

        --aer-perdoado: #ea92d2;
        --aer-perdoado-sutil: #2d1828;
        --aer-perdoado-rgb: 234, 146, 210;
        --aer-pendente: #e2a75a;
        --aer-pendente-sutil: #2a2116;
        --aer-pendente-rgb: 226, 167, 90;
        --aer-protestado: #b9cde3;
        --aer-protestado-rgb: 185, 205, 227;
        --aer-sobre-protestado: #121316;
        --aer-sobre-protestado-rgb: 18, 19, 22;

        --aer-clinico-normal: #7cc3a8;
        --aer-clinico-normal-sutil: #17261f;
        --aer-clinico-alterado: #d9a6e6;
        --aer-clinico-alterado-sutil: #2a1c30;
        --aer-clinico-indefinido: #b3b4ba;
        --aer-clinico-indefinido-sutil: #23262b;

        --aer-papel: #1a1c20;
        --aer-dica-fundo: #ececee;
        --aer-dica-texto: #121316;

        --aer-perigo-texto: #f3937c;

        --aer-shell-fundo: #1a1c20;
        --aer-shell-borda: #2a2c32;
        --aer-shell-texto: #ececee;
        --aer-shell-texto-2: #c4c5ca;
        --aer-shell-texto-3: #9a9ba2;
        --aer-shell-hover: rgba(255, 255, 255, .06);
        --aer-shell-ativo: #34161c;
        --aer-shell-regua: #ee6679;
        --aer-shell-marca: #ee6679;
        --aer-shell-elevado: #1a1c20;

        --aer-elev-1: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);
        --aer-elev-2: 0 2px 8px rgba(0, 0, 0, .5), 0 14px 36px rgba(0, 0, 0, .55);
        --aer-elev-3: 0 4px 12px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .6);
        --aer-veu: rgba(0, 0, 0, .56);
        --aer-sombra-rolagem: rgba(0, 0, 0, .6);

        --aer-serie-1: #d0d0d4;
        --aer-serie-2: #8fbbe6;
        --aer-serie-3: #7cc3a8;
        --aer-serie-4: #e2a75a;
        --aer-serie-5: #b6aaf0;
        --aer-serie-6: #6c6f78;
        --aer-grade: #2a2c32;

        color-scheme: dark;
    }

    [data-densidade="compacta"] {
        --aer-celula-y: 5px;
        --aer-celula-x: 8px;
    }
}