:root {
  /* ===== Colégio São José — design tokens =====
     [obs]=medido no site  [prop]=proposta derivada. Fonte: saojose.g12.br (24/09/2026) */

  /* Marca */
  --csj-vinho: #77160E; /* Primária da UI: CTA, banners, rodapé, overlay [obs] */
  --csj-vinho-logo: #6E1417; /* Cor exata do logotipo [obs] */
  --csj-azul-noite: #0A083B; /* Títulos [obs] */
  --csj-ardosia: #57586E; /* Texto corrido e menu [obs] */
  --csj-laranja: #EB9523; /* Destaque de conversão (usar com texto azul-noite) [obs] */
  --csj-laranja-a11y: #B35F0A; /* Laranja escurecido p/ texto branco [prop] */
  --csj-ocre: #B68013; /* Ícones e faixas de destaque [obs] */
  --csj-framboesa: #A42B4D; /* Herança SDP / logo legado [obs] */
  --csj-ouro: #FFCC29; /* Anéis do emblema SDP, campanhas [obs] */

  /* Escala do vinho (tints/shades sRGB a partir de #77160E = 600) [prop] */
  --csj-vinho-50: #F8F3F3;
  --csj-vinho-100: #F1E8E7;
  --csj-vinho-200: #DDC5C3;
  --csj-vinho-300: #C29693;
  --csj-vinho-400: #A05C56;
  --csj-vinho-500: #87322B;
  --csj-vinho-600: #77160E;
  --csj-vinho-700: #65130C;
  --csj-vinho-800: #530F0A;
  --csj-vinho-900: #410C08;
  --csj-vinho-950: #300906;

  /* Texto */
  --csj-texto-titulo: var(--csj-azul-noite);
  --csj-texto-corpo: var(--csj-ardosia);
  --csj-texto-meta: rgba(10, 8, 59, .73);
  --csj-texto-sobre-vinho: #FFFFFF;

  /* Neutros */
  --csj-branco: #FFFFFF; /* Fundo base, cards [obs] */
  --csj-cinza-50: #F2F2F2; /* Seções alternadas [obs] */
  --csj-tag: #EAE9F2; /* Pílulas de tag [obs] */
  --csj-borda-atual: #C0C3CB; /* Borda de input (reprova 3:1) [obs] */
  --csj-borda: #8A8FA0; /* Borda de input proposta (≈3,2:1) [prop] */

  /* Tipografia */
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --fs-display: clamp(36px, 4.2vw, 48px); --lh-display: 1.25;
  --fs-h1: clamp(32px, 3.6vw, 40px);      --lh-h1: 1.3;
  --fs-h2: clamp(26px, 2.8vw, 32px);      --lh-h2: 1.4;
  --fs-h3: clamp(22px, 2.2vw, 26px);      --lh-h3: 1.4;
  --fs-h4: clamp(18px, 1.7vw, 20px);      --lh-h4: 1.4;
  --fs-body: 16px;                        --lh-body: 1.6;
  --fs-small: 14px;                       --lh-small: 1.5;
  --measure: 72ch; /* comprimento máximo de linha */

  /* Espaçamento (base 4/8) [prop] */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 80px; --space-10: 120px;
  --section-y: clamp(48px, 8vw, 120px);

  /* Raios [obs] */
  --radius-xs: 4px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
  --radius-pill: 9999px; --radius-full: 50%;

  /* Sombras [obs] */
  --shadow-card: 0 2px 4px rgba(0, 0, 0, .08);
  --shadow-card-hover: 0 4px 8px rgba(0, 0, 0, .10);
  --shadow-raised: 0 4px 10px rgba(39, 57, 101, .10);
  --shadow-raised-hover: 0 4px 10px rgba(0, 0, 0, .20);

  /* Layout [obs] */
  --container: 1140px; --container-wide: 1228px; --container-narrow: 750px; --container-form: 600px;
  --bp-tablet: 768px; --bp-desktop: 1025px;

  /* Motion [obs] */
  --dur-fast: 150ms; --dur: 300ms; --dur-slide: 500ms; --ease: ease-in-out;

  /* Assinaturas visuais [obs] */
  --overlay-hero: rgba(119, 22, 14, .55);
  --grad-citacao: linear-gradient(14deg, #F2F2F2 31%, #FFFFFF 100%);
  --focus-ring: 0 0 0 3px #FFFFFF, 0 0 0 5px var(--csj-vinho); /* [prop] */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; --dur-slide: 0ms; }
}