/* PlebHelp — tokens da identidade "Abrigo" (Bloco 3, base). Lina, 19/out/2026.
   Uso: carregar /assets/fonts/fonts.css (Public Sans) + este arquivo + components.css.
   Fontes locais, sem chamada externa: Fraunces (titulos, OFL 1.1, google/fonts) e Public Sans (interface, OFL 1.1).
   Contraste: cada par usado e medido por script (WCAG 2.x) no handoff do Bloco 3. Terracota clara (#C87959) so decora. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500 700;font-display:swap;src:url("../fonts/fraunces/fraunces-latin-500-700.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  /* cor — base da marca */
  --ph-verde:#285847;
  --ph-verde-escuro:#1E4537;
  --ph-verde-claro:#E3EEE7;
  --ph-creme:#F8F5EE;
  --ph-areia:#E8DFC8;
  --ph-areia-clara:#F1EBDC;
  --ph-terracota:#C87959;        /* so decoracao e simbolo do logo */
  --ph-terracota-escura:#9E5537; /* botao secundario e barra de progresso */
  --ph-terracota-funda:#7E4029;  /* hover do secundario */
  --ph-carvao:#28312D;
  --ph-branco:#FFFFFF;

  /* cor — papel (os componentes usam so estes) */
  --cor-fundo:var(--ph-creme);
  --cor-superficie:var(--ph-branco);
  --cor-superficie-2:var(--ph-areia-clara);
  --cor-trilho:var(--ph-areia);
  --cor-texto:var(--ph-carvao);
  --cor-texto-suave:#5A625C;
  --cor-borda:#D9CFB6;           /* decorativa */
  --cor-borda-forte:#7D8580;     /* limite de campo: >= 3:1 */
  --cor-acao:var(--ph-verde);
  --cor-acao-hover:var(--ph-verde-escuro);
  --cor-acao-texto:var(--ph-creme);
  --cor-acao-2:var(--ph-terracota-escura);
  --cor-acao-2-hover:var(--ph-terracota-funda);
  --cor-acao-2-texto:var(--ph-branco);
  --cor-link:var(--ph-verde);
  --cor-progresso:var(--ph-terracota-escura);
  --cor-decoracao:var(--ph-terracota);
  --cor-foco:#1E4537;
  --cor-desabilitado-fundo:#ECE7DA;
  --cor-desabilitado-texto:#585C56;
  --cor-ok-fundo:#E3EEE7;    --cor-ok-texto:#1E4537;
  --cor-espera-fundo:#F3E9D2;--cor-espera-texto:#5C4310;
  --cor-erro-fundo:#F6E3DC;  --cor-erro-texto:#8A3B22;  --cor-erro-borda:#A8472A;
  --cor-neutro-fundo:#ECE7DA;--cor-neutro-texto:#3D4540;
  --cor-rodape-fundo:#1F2723;--cor-rodape-texto:#E9E4D8;--cor-rodape-suave:#BDC3BC;

  /* tipografia */
  --fonte-titulo:"Fraunces",Georgia,"Times New Roman",serif;
  --fonte-ui:"Public Sans",ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --fonte-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  --texto-xs:.8125rem;  /* 13px: so legenda */
  --texto-s:.9375rem;   /* 15px */
  --texto-m:1rem;       /* 16px corpo */
  --texto-l:1.25rem;    /* 20px */
  --titulo-s:1.5rem;    /* 24px */
  --titulo-m:2rem;      /* 32px */
  --titulo-l:clamp(2.25rem,4.5vw,3.5rem);
  --altura-linha:1.55; --altura-titulo:1.15;
  --peso-normal:400; --peso-medio:500; --peso-forte:600; --peso-titulo:600;

  /* espaco (base 4px) */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:24px; --e-6:32px; --e-7:48px; --e-8:64px; --e-9:96px;
  --largura-max:1160px; --largura-texto:68ch;

  /* raio e sombra (uma sombra suave; sem vidro, neon ou 3D) */
  --raio-s:6px; --raio-m:12px; --raio-l:20px; --raio-pilula:999px;
  --sombra:0 1px 2px rgba(40,49,45,.08),0 4px 16px rgba(40,49,45,.06);
  --sombra-fixa:0 -2px 12px rgba(40,49,45,.10);

  /* foco visivel e toque */
  --foco-anel:3px solid var(--cor-foco);
  --foco-recuo:2px;
  --alvo-min:44px; --alvo-cta:52px;
  --duracao:.15s;

  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --cor-fundo:#141A17;
    --cor-superficie:#1C2420;
    --cor-superficie-2:#232D28;
    --cor-trilho:#36423C;
    --cor-texto:#F1ECE1;
    --cor-texto-suave:#B8BFB7;
    --cor-borda:#34403A;
    --cor-borda-forte:#7F8A83;
    --cor-acao:#8FC7AB;
    --cor-acao-hover:#A9D7C0;
    --cor-acao-texto:#10241B;
    --cor-acao-2:#E2A685;
    --cor-acao-2-hover:#EDBCA1;
    --cor-acao-2-texto:#2A140A;
    --cor-link:#8FC7AB;
    --cor-progresso:#E2A685;
    --cor-decoracao:#C87959;
    --cor-foco:#A9D7C0;
    --cor-desabilitado-fundo:#2A332E;
    --cor-desabilitado-texto:#9AA29B;
    --cor-ok-fundo:#1E3329;    --cor-ok-texto:#A9DCC2;
    --cor-espera-fundo:#382F1E;--cor-espera-texto:#EBCB8B;
    --cor-erro-fundo:#3B231B;  --cor-erro-texto:#F2B4A0;  --cor-erro-borda:#E0876A;
    --cor-neutro-fundo:#2A332E;--cor-neutro-texto:#D6DBD4;
    --cor-rodape-fundo:#0E1311;--cor-rodape-texto:#E9E4D8;--cor-rodape-suave:#AEB5AD;
    --sombra:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);
    --sombra-fixa:0 -2px 12px rgba(0,0,0,.45);
    color-scheme:dark;
  }
}
@media (prefers-reduced-motion:reduce){:root{--duracao:0s}}