/* ══════════════════════════════════════════════════════════════════════════
   DrVet.app — theme.css
   Paleta y estilos base compartidos por TODAS las páginas del sitio.
   Fuente única de verdad para colores y tipografía (ver BRAND.md).
   Cambiar un color aquí lo cambia en todo el sitio.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --bg: #FBF6EE;          /* warm cream */
  --bg-2: #F4ECDF;        /* deeper cream */
  --bg-3: #FFFCF6;        /* almost-white warm */
  --ink: #2A1F17;         /* warm chocolate */
  --ink-2: #4A382A;       /* warm dark brown */
  --muted: #8C7560;       /* warm taupe */
  --line: #E5D9C6;        /* warm beige line */
  --line-2: #EFE6D5;      /* lighter beige line */
  --primary: #B85C2C;     /* warm terracotta — primary accent */
  --primary-2: #D67A48;   /* lighter terracotta */
  --accent: #E8A87C;      /* peach */
  --accent-soft: #F8E4CE; /* soft peach */
  --warn: #C26E3A;        /* warm amber */
  --ok: #7A8F4F;          /* warm olive */
  --love: #D9536F;        /* heart pink */
}
*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; }
body{
  font-family: 'Inter', system-ui, sans-serif;
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}
.serif{ font-family: 'Newsreader', 'Times New Roman', serif; font-weight: 400; letter-spacing: -0.01em; }
.mono{ font-family: 'JetBrains Mono', monospace; }
::selection{ background: var(--accent); color: var(--ink); }
button{ font-family: inherit; cursor: pointer; }
a{ color: inherit; text-decoration: none; }
.container{ max-width: 1240px; margin: 0 auto; padding: 0 32px; }
@media (max-width: 720px){ .container{ padding: 0 20px; } }