/* ===================================================================
   TOKENS — Site do Colégio Lima Guimarães
   Origem: cores e fontes medidas no site atual (engenharia reversa de
   17/09/2026) + paleta de marca do briefing §14.
   Nenhum valor literal fora daqui. Se repetiu, vira token.
   =================================================================== */

:root{
  /* ---------- azuis institucionais (medidos no site atual) ---------- */
  --azul-900:#002247;
  --azul-800:#003362;   /* títulos e texto institucional */
  --azul-700:#243D60;   /* blocos escuros */
  --azul-600:#005AA8;   /* botões e rodapé */
  --azul-500:#2095C7;   /* gradiente e detalhes */
  --azul-100:#E6F0F9;
  --azul-050:#F2F7FC;

  /* ---------- o sol da logo ---------- */
  --sol-amarelo:#F7D300;
  --sol-laranja:#F38B1A;
  --sol-vermelho:#E63723;  /* só na ponta do gradiente, nunca dominante */
  --sol-grad:linear-gradient(165deg,var(--sol-amarelo) 0%,var(--sol-laranja) 50%,var(--sol-vermelho) 100%);

  /* ---------- neutros ---------- */
  --branco:#FFFFFF;
  --creme:#F7F4F1;      /* off-white quente do briefing */
  --cinza-100:#E8EDF3;
  --cinza-300:#C3CBD6;
  --cinza-600:#5B6878;
  --tinta:#0C0F1C;      /* near-black com tint azul */
  --tinta-70:rgba(12,15,28,.7);

  /* ---------- tipografia ---------- */
  --fonte-texto:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;
  --fonte-titulo:"Poppins","Segoe UI",system-ui,sans-serif;
  --fonte-marca:"BrushScriptOpti","Brush Script MT",cursive;

  --t-xs:0.75rem;    /* 12 */
  --t-sm:0.875rem;   /* 14 */
  --t-base:1rem;     /* 16 */
  --t-md:1.125rem;   /* 18 */
  --t-lg:1.375rem;   /* 22 */
  --t-xl:1.75rem;    /* 28 */
  --t-2xl:2.25rem;   /* 36 */
  --t-3xl:3rem;      /* 48 */
  --t-4xl:3.75rem;   /* 60 */

  --peso-leve:300;
  --peso-normal:400;
  --peso-medio:500;
  --peso-forte:700;
  --peso-black:900;

  --altura-apertada:1.12;
  --altura-titulo:1.18;
  --altura-texto:1.65;

  /* ---------- espaçamento, base 4 ---------- */
  --e-1:4px;  --e-2:8px;  --e-3:12px; --e-4:16px; --e-5:20px;
  --e-6:24px; --e-8:32px; --e-10:40px; --e-12:48px; --e-16:64px;
  --e-20:80px; --e-24:96px; --e-32:128px;

  /* ritmo vertical entre seções */
  --secao-y:clamp(56px,7vw,104px);
  --largura:1200px;
  --gutter:clamp(16px,4vw,32px);

  /* ---------- formas ---------- */
  --raio-sm:8px;
  --raio:14px;
  --raio-lg:22px;
  --raio-pill:999px;

  --sombra-card:0 1px 2px rgba(10,25,50,.05), 0 10px 30px rgba(10,25,50,.07);
  --sombra-alta:0 6px 14px rgba(10,25,50,.09), 0 22px 48px rgba(10,25,50,.12);

  /* ---------- movimento ---------- */
  --saida:cubic-bezier(.22,.61,.36,1);      /* desacelera, natural */
  --entrada:cubic-bezier(.4,0,.2,1);
  --suave:cubic-bezier(.65,.05,.36,1);
  --rapido:180ms;
  --medio:320ms;
  --lento:560ms;

  /* ---------- camadas ---------- */
  --z-fundo:0;
  --z-conteudo:10;
  --z-flutuante:100;
  --z-menu:200;
  --z-topo:300;
}

/* A cursiva da marca. O arquivo é o mesmo que o colégio usa na logo:
   primeiro a cópia do pacote, depois as que vivem no servidor da escola. */
@font-face{
  font-family:"BrushScriptOpti";
  src:url("../fontes/BrushScriptOpti-Regular.otf") format("opentype"),
      url("https://colegiolimaguimaraes.com.br/home/font/brush-script/BrushScriptOpti-Regular.otf") format("opentype");
  font-display:swap;
}