:root {
  --color-primary: #511653;
  --color-primary-dark: #3b0f3d;
  --color-accent: #E48A32;      /* naranja headings/badges/links footer */
  --color-accent-hover: #cf762a;
  --color-btn: #E68A35;         /* naranja botón Buscar del original */
  --color-accent-2: #F88C03;
  --color-navy: #1B2032;        /* títulos de cards / gradiente overlay */
  --color-text: #33393D;        /* color de texto del body original */
  --color-gray: #5C6770;
  --color-whatsapp: #25d366;
  --color-white: #ffffff;
  --color-body-bg: #F9FAFC;
  --color-light: #f7f5f8;
  --color-border: #e3dde4;

  --font-body: 'Nunito', Helvetica, Arial, sans-serif;
  --font-heading: 'Alexandria', sans-serif;
  --font-accent: 'Satisfy', cursive;

  --header-height-desktop: 121px; /* topbar 52 + navbar 69 */
  --header-height-mobile: 69px;
  --radius-base: 4px;
  --radius-lg: 8px;
  --shadow-card: 0 0 8px 0.1px #808080;
  --transition-base: 0.3s ease-in-out;
}