/* Outside · variáveis web do Manual de identidade visual v1.3 (24/10/2026), capítulo «Cores de dados e aplicação web».
   Copiar para o projeto (ou importar) e usar só estas variáveis. Claro por omissão; escuro com prefers-color-scheme ou
   data-theme="dark" na raiz. Letra: Nunito Sans 400/600/700 (assets/fonts, licença OFL). */
:root {
    /* marca */
    --o-azul: #192C39;
    --o-laranja: #EF6D3D;

    /* neutros */
    --o-fundo: #F6F7FB;
    --o-superficie: #FFFFFF;
    --o-superficie-vidro: rgba(255, 255, 255, .72);
    --o-linha: #E7EBEF;
    --o-linha-forte: #D5DEE5;
    --o-contorno-campo: #788592;
    --o-texto: #192C39;
    --o-texto-apoio: #223442;
    --o-texto-sec: #5A6672;

    /* índigo (dados, realces, seleção; nunca ligações nem botão principal; Índigo 4 pode ser fundo do botão secundário) */
    --o-indigo-1: #3C5CDD;
    --o-indigo-2: #84A1F0;
    --o-indigo-3: #C0D0F9;
    --o-indigo-4: #ECF2FE;

    /* paleta de dados, por ordem fixa */
    --o-dados-1: #3C5CDD; /* cobalto */
    --o-dados-2: #EF6D3D; /* laranja Outside */
    --o-dados-3: #00A677; /* menta */
    --o-dados-4: #8A4ADA; /* violeta */
    --o-dados-5: #009EB9; /* ciano */
    --o-dados-6: #D43B86; /* magenta */
    --o-dados-outros: #A7B3BE;

    /* escala sequencial (texto azul nos 3 primeiros, branco nos 3 últimos) */
    --o-seq-1: #DFE8FD; --o-seq-2: #BACDFD; --o-seq-3: #93AEF8;
    --o-seq-4: #4B6CE0; --o-seq-5: #314DBE; --o-seq-6: #213688;

    /* estados: texto / fundo */
    --o-sucesso-t: #1E6B34; --o-sucesso-f: #E6F4EA;
    --o-aviso-t: #7A5B00;   --o-aviso-f: #FCF5D7;
    --o-erro-t: #A3201C;    --o-erro-f: #FDE8E8;
    --o-info-t: #192C39;    --o-info-f: #ECF2FE;

    /* cartões por cor: fundo / contorno / texto */
    --o-cartao-cobalto-f: #E7F0FF; --o-cartao-cobalto-c: #C5D7FF; --o-cartao-cobalto-t: #31478E;
    --o-cartao-laranja-f: #FFEAE1; --o-cartao-laranja-c: #FECAB8; --o-cartao-laranja-t: #81300F;
    --o-cartao-menta-f: #DFF7EB;   --o-cartao-menta-c: #B0E6CC;   --o-cartao-menta-t: #00603B;
    --o-cartao-violeta-f: #F3ECFF; --o-cartao-violeta-c: #DECEFD; --o-cartao-violeta-t: #583A84;
    --o-cartao-ciano-f: #DBF6FD;   --o-cartao-ciano-c: #A6E3F3;   --o-cartao-ciano-t: #005B76;
    --o-cartao-magenta-f: #FFE8F1; --o-cartao-magenta-c: #FCC6DA; --o-cartao-magenta-t: #7C2B50;

    /* véu do topo das páginas */
    --o-veu-laranja: rgba(239, 109, 61, .16);
    --o-veu-indigo: rgba(60, 92, 221, .12);

    /* forma */
    --o-raio-etiqueta: 6px;
    --o-raio-controlo: 10px;
    --o-raio-pesquisa: 12px;
    --o-raio-cartao: 16px;
    --o-raio-janela: 18px;
    --o-sombra: 0 1px 2px rgba(25, 44, 57, .05), 0 6px 20px rgba(25, 44, 57, .06);
    --o-sombra-alta: 0 24px 60px rgba(25, 44, 57, .22);

    /* menu lateral em azul Outside: entradas 15 px, subentradas 14 px, títulos de secção 12,5 px/600 */
    --o-menu: #192C39;
    --o-menu-ativo: #24404F;
    --o-menu-texto: #C9D4E0;   /* 9,6:1 */
    --o-menu-texto-2: #9FB0C2; /* 6,5:1: subentradas e títulos de secção */

    /* movimento */
    --o-curva: cubic-bezier(.22, .8, .24, 1);
    --o-rapido: 200ms;
    --o-entrada: 400ms;
    --o-escalonar: 40ms;

    --o-letra: "Nunito Sans", "Segoe UI", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --o-fundo: #0E1A23; --o-superficie: #152532; --o-superficie-vidro: rgba(21, 37, 50, .72);
        --o-linha: #233847; --o-linha-forte: #324959;
        --o-texto: #F2F4F6; --o-texto-apoio: #DCE3E8; --o-texto-sec: #A7B3BE;
        --o-indigo-1: #5C7CF0; --o-indigo-2: #7694E9; --o-indigo-3: #334478; --o-indigo-4: #1E2A4D;
        --o-dados-1: #5C7CF0; --o-dados-2: #E66535; --o-dados-3: #00AE7E; --o-dados-4: #9C5EEF; --o-dados-5: #00A5C1; --o-dados-6: #EA5098;
        --o-dados-outros: #5E6F7D;
        --o-sucesso-t: #8BCB8F; --o-sucesso-f: #1D3A2A; --o-aviso-t: #F6DC7A; --o-aviso-f: #3A3216;
        --o-erro-t: #F4A3A0; --o-erro-f: #3F2223; --o-info-t: #F2F4F6; --o-info-f: #1E2A4D;
        --o-cartao-cobalto-f: #232D47; --o-cartao-cobalto-c: #354573; --o-cartao-cobalto-t: #C4D7FF;
        --o-cartao-laranja-f: #43251A; --o-cartao-laranja-c: #6B3725; --o-cartao-laranja-t: #FFC9B5;
        --o-cartao-menta-f: #113627;   --o-cartao-menta-c: #0B553C;   --o-cartao-menta-t: #ADE7CC;
        --o-cartao-violeta-f: #322843; --o-cartao-violeta-c: #4F3D6C; --o-cartao-violeta-t: #DECEFF;
        --o-cartao-ciano-f: #05343E;   --o-cartao-ciano-c: #005263;   --o-cartao-ciano-t: #A2E4F5;
        --o-cartao-magenta-f: #41232F; --o-cartao-magenta-c: #69344A; --o-cartao-magenta-t: #FEC5DA;
        --o-veu-laranja: rgba(239, 109, 61, .10); --o-veu-indigo: rgba(92, 124, 240, .12);
        --o-sombra: 0 1px 2px rgba(0, 0, 0, .3); --o-sombra-alta: 0 24px 60px rgba(0, 0, 0, .5);
        color-scheme: dark;
    }
}
:root[data-theme="dark"] {
    --o-fundo: #0E1A23; --o-superficie: #152532; --o-superficie-vidro: rgba(21, 37, 50, .72);
    --o-linha: #233847; --o-linha-forte: #324959;
    --o-texto: #F2F4F6; --o-texto-apoio: #DCE3E8; --o-texto-sec: #A7B3BE;
    --o-indigo-1: #5C7CF0; --o-indigo-2: #7694E9; --o-indigo-3: #334478; --o-indigo-4: #1E2A4D;
    --o-dados-1: #5C7CF0; --o-dados-2: #E66535; --o-dados-3: #00AE7E; --o-dados-4: #9C5EEF; --o-dados-5: #00A5C1; --o-dados-6: #EA5098;
    --o-dados-outros: #5E6F7D;
    --o-sucesso-t: #8BCB8F; --o-sucesso-f: #1D3A2A; --o-aviso-t: #F6DC7A; --o-aviso-f: #3A3216;
    --o-erro-t: #F4A3A0; --o-erro-f: #3F2223; --o-info-t: #F2F4F6; --o-info-f: #1E2A4D;
    --o-cartao-cobalto-f: #232D47; --o-cartao-cobalto-c: #354573; --o-cartao-cobalto-t: #C4D7FF;
    --o-cartao-laranja-f: #43251A; --o-cartao-laranja-c: #6B3725; --o-cartao-laranja-t: #FFC9B5;
    --o-cartao-menta-f: #113627;   --o-cartao-menta-c: #0B553C;   --o-cartao-menta-t: #ADE7CC;
    --o-cartao-violeta-f: #322843; --o-cartao-violeta-c: #4F3D6C; --o-cartao-violeta-t: #DECEFF;
    --o-cartao-ciano-f: #05343E;   --o-cartao-ciano-c: #005263;   --o-cartao-ciano-t: #A2E4F5;
    --o-cartao-magenta-f: #41232F; --o-cartao-magenta-c: #69344A; --o-cartao-magenta-t: #FEC5DA;
    --o-veu-laranja: rgba(239, 109, 61, .10); --o-veu-indigo: rgba(92, 124, 240, .12);
    --o-sombra: 0 1px 2px rgba(0, 0, 0, .3); --o-sombra-alta: 0 24px 60px rgba(0, 0, 0, .5);
    color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
    :root { --o-rapido: 0ms; --o-entrada: 0ms; --o-escalonar: 0ms; }
}