/* ===========================================================
   Templio — design tokens (compartilhados Web/Mobile)

   Portados do Templio.Site (wwwroot/css/app.css + o bloco crítico
   inline do Components/App.razor, onde --color-bg, --color-text e as
   fontes estavam definidos para evitar FOUC no SSR). Aqui, num app
   WASM, não existe essa divisão: tudo vive neste arquivo.

   Conceito: ritmo entre foco e descanso. Fundo azul-tinta profundo,
   âmbar para "foco", verde-água para "descanso".
   =========================================================== */
:root {
    --color-bg: #14171F;
    --color-surface: #1B202B;
    --color-surface-alt: #232A38;
    --color-border: rgba(237, 238, 242, 0.09);
    --color-text: #EDEEF2;
    --color-text-muted: #8B92A4;
    --color-focus: #E8A33D;
    --color-focus-dim: #7A5A2A;
    --color-rest: #6FA88F;
    --color-rest-dim: #35473F;
    --color-danger: #D9645A;
    --font-display: "Fraunces", Georgia, serif;
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, monospace;
    --radius: 10px;
}

/* Os caminhos são relativos a ESTE arquivo (_content/Templio.UI/css/), não à
   página — é o que faz a fonte carregar igual em "/" e em "/configuracoes",
   e é a mesma armadilha de CSS relativo registrada no docs/troubleshooting.md.

   Só os .woff2 VARIÁVEIS entram (eixo wght completo). Recorte estático
   declarado como variável faz o navegador confiar na faixa e não sintetizar
   peso nenhum — todo negrito sai errado, calado. Ver docs/seo.md. */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Italic-Variable.woff2') format('woff2');
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Fraunces';
    src: url('../fonts/Fraunces/Fraunces-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

/* IBM Plex Mono só existe em recorte estático Regular no repositório — por
   isso a faixa declarada é 400, e não 100 900. O cronômetro usa um peso só. */
@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}