/*
 * Tokens e fontes do Camões Design System (Claude Design), copiados de project/tokens.css.
 * Ficaram de fora a Garamond Premier Pro, que vem da Adobe Fonts com licença presa ao site da escola,
 * e os neutros do manual de marca, que não são usados em tela.
 * Os tamanhos de texto do sistema são do site institucional; os do app ficam em --app-texto-*, maiores, para o celular.
 */

@font-face { font-family: "Fira Sans"; src: url("../fonts/FiraSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("../fonts/FiraSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("../fonts/FiraSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/EBGaramond-Variable.ttf") format("truetype"); font-weight: 400 800; font-style: normal; font-display: swap; }

:root {
    --cor-azul: #041245;
    --cor-azul-profundo: #020b2e;
    --cor-dourado: #fcc423;
    --cor-bordo: #920408;
    --cor-branco: #ffffff;
    --cor-grafite: #22283a;
    --cor-ardosia: #5a6072;
    --cor-nevoa: #e8e5de;
    --cor-linho: #faf9f6;

    --texto-principal: var(--cor-grafite);
    --texto-secundario: var(--cor-ardosia);
    --texto-titulo: var(--cor-azul);
    --texto-invertido: var(--cor-branco);
    --texto-invertido-suave: rgba(255, 255, 255, 0.85);
    --texto-acento: var(--cor-bordo);
    --texto-link: var(--cor-azul);
    --texto-link-hover: var(--cor-bordo);
    --superficie-base: var(--cor-branco);
    --superficie-alt: var(--cor-linho);
    --superficie-escura: var(--cor-azul);
    --superficie-cartao: var(--cor-branco);
    --borda-sutil: var(--cor-nevoa);
    --foco-anel: var(--cor-bordo);
    --acento-filete: var(--cor-dourado);

    --esp-1: 0.5rem;
    --esp-2: 1rem;
    --esp-3: 1.5rem;
    --esp-4: 2.5rem;
    --esp-5: 4rem;
    --raio-btn: 4px;
    --raio-cartao: 4px;
    --raio-campo: 3px;
    --peso-regular: 400;
    --peso-medium: 500;
    --peso-semibold: 600;
    --altura-titulo: 1.15;
    --altura-corpo: 1.5;
    --transicao-rapida: 0.15s ease;

    --fonte-titulo: "EB Garamond", Georgia, "Times New Roman", serif;
    --fonte-corpo: "Fira Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Tamanhos do app no celular. */
    --app-texto-corpo: 1.0625rem;
    --app-texto-apoio: 0.9375rem;
    --app-texto-h1: 1.75rem;
    --app-texto-h2: 1.375rem;
    --app-texto-h3: 1.125rem;
}