/* ==========================================================
   THEME — colores y tipografia de la marca.
   Para cambiar el branding, edita SOLO este archivo.
   Valores actuales tomados de miguelinarosario.com (styles.css).
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --brand: #B5332A;        /* color principal (botones, acentos) */
  --brand-dark: #9B2A22;   /* hover */
  --brand-soft: #FCEAE8;   /* fondos suaves del color principal */
  --bg: #FAF5EE;           /* fondo general (crema) */
  --bg-2: #F0E8DC;         /* fondo secundario */
  --surface: #FFFFFF;      /* tarjetas y tablas */
  --text: #0E0E0E;
  --text-2: #555555;
  --text-3: #888888;
  --border: #E8E1D6;
  --ok: #1F8A4C;   --ok-soft: #E3F4EA;
  --warn: #B7791F; --warn-soft: #FBF1DE;
  --bad: #B5332A;  --bad-soft: #FCEAE8;
  --info: #2B5FA8; --info-soft: #E5EEF9;

  --font-title: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --radius: 10px;
  --shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.04);
}