/* ==========================================================================
   Resende & Mesquita Advogados — Design tokens
   Paleta derivada da identidade visual real do escritório (logo em azul-
   marinho + azul-claro). Ver README de design em /docs se existir.
   ========================================================================== */

:root {
  /* ---- Cor: base institucional (azul-marinho, extraída da logo) ---- */
  --navy-950: #0d1a30; /* rodapé, máximo contraste */
  --navy-900: #16294a; /* cor de marca — header sólido, seções escuras */
  --navy-800: #1c3157;
  --navy-700: #294370; /* gradientes, hover sobre navy */
  --navy-600: #3a5789;

  /* ---- Cor: acento (azul-claro do "&" e da coluna da logo) ---- */
  --accent-500: #6fabf6; /* uso decorativo, ícones, fundos, grandes áreas */
  --accent-600: #4a86d6; /* uso em texto/links sobre fundo claro (AA) */
  --accent-700: #3568b3; /* hover de links, texto sobre branco */

  /* ---- Cor: neutros ---- */
  --paper: #f6f7f9; /* fundo padrão das páginas */
  --paper-alt: #eceff3; /* fundo de seções alternadas */
  --white: #ffffff;
  --ink-900: #161c26; /* texto principal */
  --ink-700: #333c4a; /* texto secundário */
  --slate-500: #5c6b7f; /* texto terciário, legendas */
  --slate-300: #93a1b3;
  --line: #dde2e9; /* hairlines sobre fundo claro */
  --line-on-navy: rgba(255, 255, 255, 0.16);
  --overlay-navy: rgba(13, 26, 48, 0.72);

  /* ---- Tipografia ---- */
  --font-display: "Libre Baskerville", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* ---- Escala tipográfica fluida ---- */
  --fs-eyebrow: 1.0625rem;
  --fs-body: clamp(1rem, 0.96rem + 0.15vw, 1.0625rem);
  --fs-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.375rem);
  --fs-h5: clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem);
  --fs-h4: clamp(1.375rem, 1.3rem + 0.4vw, 1.75rem);
  --fs-h3: clamp(1.75rem, 1.6rem + 0.7vw, 2.25rem);
  --fs-h2: clamp(2.1rem, 1.85rem + 1.2vw, 3rem);
  --fs-h1: clamp(2.6rem, 2.1rem + 2.4vw, 4.5rem);

  /* ---- Espaçamento ---- */
  --space-section: clamp(4.5rem, 4rem + 3vw, 8rem);
  --space-block: clamp(2.5rem, 2.2rem + 1.5vw, 4rem);
  --container-w: 1240px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* ---- Forma / movimento ---- */
  --radius: 3px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
}

/* Site institucional com identidade de marca fixa (não segue o tema
   claro/escuro do sistema operacional — decisão intencional, comum em
   sites de escritórios de advocacia). */