/* =========================================================
   ease — estilos compartilhados
   Tokens do design system, reset e tipografia base.
   Estilos específicos de cada página ficam no próprio arquivo.
   ========================================================= */

/* ---------- Design tokens ---------- */
:root {
  --bg: #FAFAF7;
  --text-primary: #0A0A0A;
  --text-secondary: #6B6B66;

  --accent: #1F3A5F;
  --accent-rgb: 31, 58, 95;   /* componentes para usar em rgba() */
  --accent-soft: #A8B5C7;

  --line-neutral: #C8CFD9;

  --serif: 'PT Serif', Georgia, serif;
  --sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- Reset ---------- */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* ---------- Tipografia base ---------- */
html, body {
  font-family: var(--sans);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ---------- Logo (primitivo compartilhado) ---------- */
.logo {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.5px;
  color: var(--text-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.logo img {
  height: 50px;
  width: auto;
  display: block;
}