/**
 * Tokens de marca PESA / Evolui Consultoria (app + admin).
 * Inclua com: <link rel="stylesheet" href="assets/pesa-tokens.css" />
 * Páginas podem sobrescrever variáveis pontuais no próprio <style>.
 */
:root {
  /* Marca */
  --pesa-azul: #00427a;
  --pesa-azul-escuro: #02213d;
  --pesa-azul-claro: #1f6fb2;
  --pesa-accent: #0d9488;
  --pesa-dourado: #f5b600;
  --pesa-dourado-claro: #ffe08a;
  --pesa-branco: #ffffff;
  --pesa-cinza: #5a6c7d;
  --pesa-cinza-claro: #f3f6fa;
  --pesa-borda: #d1dce5;

  /* Superfície / tipografia */
  --fundo: #f4f7fb;
  --texto: #102a43;
  --muted: #7b8794;
  --bordas: var(--pesa-borda);

  /* Semântica */
  --sucesso: #0d9488;
  --perigo: #c62828;
  --aviso: #f57c00;
  --critica: #b91c1c;
  --alta: #ea580c;
  --media: #ca8a04;
  --baixa: #16a34a;

  /* Faixas de risco (Centro de Alertas / estudante) */
  --critico-bg: #fef2f2;
  --alto-bg: #fff7ed;
  --medio-bg: #fefce8;
  --critico-borda: #fecaca;
  --alto-borda: #fed7aa;

  /* Responsividade (mobile-first) */
  --content-max-width: 1440px;
  --page-padding: clamp(1rem, 2vw, 2rem);
  --section-gap: clamp(1rem, 2vw, 2rem);
  --card-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  --title-size: clamp(1.25rem, 2.5vw, 2rem);
  --subtitle-size: clamp(1rem, 1.5vw, 1.25rem);
  --body-size: clamp(0.9375rem, 1vw, 1rem);
  --touch-target: 44px;
  --nav-z: 1200;
  --modal-z: 1400;
  --overlay-z: 1100;
}