/* ============================================================
   RÚSTICO PREMIUM — THEME.CSS
   Variables globales del diseño
   ============================================================ */

/* Tipografías recomendadas:  
   Títulos (serif): 'Libre Baskerville'  
   Cuerpo (sans):  'Inter'  
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Libre+Baskerville:wght@400;700&display=swap');

:root {

  /* ===== PALETA RÚSTICO PREMIUM ===== */
  --wine: #7A1E1E;               /* vino oscuro artesanal */
  --wine-dark: #5e1717;
  --gold: #C5A46D;               /* dorado envejecido elegante */
  --gold-dark: #a48654;

  --wood-light: #F3E6D3;         /* madera clara */
  --wood: #E1C9A9;
  --wood-dark: #B89A74;

  --surface: #FAF7F2;            /* fondo crema prémium */
  --card: #FFFFFF;

  --text-main: #3A2E28;          /* negro-marrón sobrio */
  --text-muted: #77675D;

  /* ===== SOMBRAS PREMIUM ===== */
  --shadow: 0 8px 20px rgba(0,0,0,0.12);
  --shadow-strong: 0 12px 30px rgba(0,0,0,0.18);

  /* ===== RADIOS ===== */
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 20px;

  /* ===== TRANSICIÓN ===== */
  --transition: 0.25s ease;

  /* ===== HERO ===== */
  --hero-overlay: rgba(0,0,0,0.30);
}

/* ============================================================
   BASE
   ============================================================ */

html, body {
  margin: 0;
  padding: 0;
  background-color: var(--surface);
  color: var(--text-main);
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'Inter', sans-serif;
  color: var(--text-main);
  letter-spacing: -0.5px;
}

a {
  text-decoration: none;
  color: var(--wine);
  transition: var(--transition);
}
a:hover {
  color: var(--gold);
}

/* Ensure form controls and interactive elements use the site's sans font
   so components like Bootstrap's accordion match the rest of the page. */
button, input, select, textarea, .accordion-button {
  font-family: var(--font-sans);
}