/* Fontes hospedadas no próprio site (WOFF2, só latim e acentos do português). Licença SIL OFL. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/lora-500.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/lora-500-italic.woff2) format('woff2')}

/* Tokens de cor do Teologia Em Conta, organizados pela regra 60-30-10.
   Use só estas variáveis nas páginas. Para mudar uma cor, mude aqui. */
:root{
  color-scheme:dark;

  /* 60% dominante: base escura (verde-acinzentado, nunca preto puro) */
  --color-base:#14241e;
  --color-base-2:#1f372e;              /* topo do gradiente do fundo */

  /* 30% secundária: creme para texto principal e superfícies de apoio */
  --color-text:#f4f0e4;
  --color-surface:color-mix(in srgb,var(--color-text) 6%,transparent);
  --color-surface-hover:color-mix(in srgb,var(--color-text) 11%,transparent);

  /* Escala única de neutros para texto secundário e linhas */
  --color-text-2:#b4c4b8;              /* texto de apoio */
  --color-text-3:#8ea296;              /* rodapé, legendas */
  --color-label:color-mix(in srgb,var(--color-text) 70%,transparent); /* rótulos de seção */
  --color-line:#35574a;

  /* 10% acento: dourado, só em ações, links, estado ativo e o destaque do título */
  --color-accent:#ecbe4c;
  --color-accent-hover:#f2cd6e;
  --color-on-accent:var(--color-base);

  /* Exceção intencional: cores dos canais, só nos ícones, para reconhecimento imediato */
  --brand-telegram:#2aabee;
  --brand-whatsapp:#25d366;

  /* Aviso de cookies: tema invertido de propósito, para destacar uma ação obrigatória */
  --ck-surface:var(--color-text);
  --ck-text:var(--color-base);
  --ck-text-2:#3d5249;
  --ck-line:#e2d8bd;
  --ck-switch-off:#c9c0a6;
  --ck-action:var(--color-base-2);
  --ck-action-hover:var(--color-base);

  /* Sombras: preto translúcido, não conta como cor da paleta */
  --shadow-sm:0 4px 14px rgba(0,0,0,.18);
  --shadow-md:0 10px 22px rgba(0,0,0,.3);
  --shadow-lg:0 14px 30px rgba(0,0,0,.35);
}

/* Tipografia: 2 famílias (Poppins para interface e títulos, Lora para leitura de apoio), 2 pesos, escala fixa */
:root{
  --font-ui:'Poppins',system-ui,sans-serif;
  --font-read:'Lora',Georgia,serif;
  --weight-regular:500;
  --weight-bold:700;
  --text-xs:12px;   /* só legendas curtas */
  --text-sm:14px;   /* apoio, rodapé, rótulos */
  --text-base:16px; /* corpo */
  --text-lg:20px;   /* título de card, lead */
  --text-xl:24px;
  --text-2xl:30px;
  --text-3xl:36px;
  --leading-tight:1.2;
  --leading-snug:1.35;
  --leading-body:1.55;
  --tracking-caps:.08em;

  /* Espaço: escala fixa */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;

  /* Raios */
  --radius-sm:8px;   /* miniaturas */
  --radius-md:12px;  /* botões */
  --radius-lg:20px;  /* cards e painéis */
  --radius-full:999px;

  /* Movimento */
  --duration-fast:150ms;
  --duration-base:250ms;
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --lift:translateY(-2px);
  --press:translateY(0) scale(.98);
}