/* ============================================================
   ROCAVERDE · TOKENS DE DISEÑO
   Fuente única de verdad de la paleta y medidas del rediseño.
   Para reajustar colores/tipografías del sitio, edita SOLO este archivo.
   ============================================================ */

:root {
  /* ---- Verdes ---- */
  --rv-green-900: #1B3A2D;   /* verde muy oscuro: footer, textos fuertes */
  --rv-green-700: #1E4D38;   /* verde principal: banners, precios, activos */
  --rv-green-500: #2E6B4F;   /* verde medio: links, íconos, bordes activos */
  --rv-green-stock: #3E9C63; /* punto de stock */
  --rv-green-check: #7DD4A0; /* check del toast */

  /* ---- Ámbar (CTA) ---- */
  --rv-amber: #E3A93D;
  --rv-amber-hover: #C98F26;
  --rv-amber-ink: #241A05;   /* texto sobre ámbar */

  /* ---- Acentos ---- */
  --rv-terracota: #C25E3A;   /* ofertas, badge "Nuevo" */
  --rv-whatsapp: #25D366;

  /* ---- Fondos ---- */
  --rv-bg: #F5F2E9;          /* fondo de página */
  --rv-cream: #EFEAD9;       /* crema: franja misión, cajas "dato" */
  --rv-card: #FFFFFF;        /* fondo de tarjetas */

  /* ---- Bordes ---- */
  --rv-border: #ECE8DC;
  --rv-border-2: #E0DCCE;
  --rv-border-3: #DCD7C6;
  --rv-border-soft: #F3EFE4;
  --rv-border-soft-2: #F1EDE1;
  --rv-border-soft-3: #E7E3D6;

  /* ---- Textos ---- */
  --rv-ink: #1B3A2D;         /* texto principal */
  --rv-ink-2: #33443B;       /* secundario */
  --rv-ink-3: #4A5F53;       /* secundario claro */
  --rv-muted: #77917F;       /* atenuado */
  --rv-muted-2: #8A9A90;     /* atenuado 2 (agotado) */
  --rv-muted-3: #A8B8AC;     /* atenuado 3 (conteos) */
  --rv-on-dark: #EAF0E9;     /* texto sobre verde oscuro */

  /* ---- Tipografía ---- */
  --rv-font-serif: 'Cormorant Garamond', Georgia, serif;
  --rv-font-ui: 'Work Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* ---- Forma y espaciado ---- */
  --rv-container: 1280px;
  --rv-pad-x: 24px;
  --rv-radius-card: 16px;
  --rv-radius-visor: 20px;
  --rv-radius-input: 12px;
  --rv-radius-pill: 999px;

  /* ---- Sombras ---- */
  --rv-shadow-card-hover: 0 12px 28px rgba(27, 58, 45, .13);
  --rv-shadow-header: 0 1px 0 #ECE8DC;
}