/*
Theme Name: Rancheando
Theme URI: https://rancheando.uy
Author: Rancheando
Author URI: https://rancheando.uy
Description: Tema WordPress 100% custom para Rancheando — marca uruguaya de carteras de cuero artesanales. HTML + CSS + JS limpio sobre los hooks nativos de WooCommerce. Sin constructores visuales ni plugins de diseño de terceros.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rancheando
Tags: woocommerce, custom-theme, ecommerce
WC requires at least: 8.0
WC tested up to: 8.9
*/

/* ==========================================================================
   DESIGN TOKENS — fuente única de verdad. NUNCA hardcodear colores.
   Definidos en CLAUDE.md §3. Usar siempre var(--token).
   ========================================================================== */

:root {
  /* ---- Paleta principal ---- */
  --marron:      #3C2700;   /* Principal. Headers, footers, CTAs, texto oscuro */
  --marron-med:  #8B6D5B;   /* Secundario. Labels, subtítulos, links, nav */
  --camel:       #C9AD95;   /* Acento. Separadores, highlights, eyebrows */
  --camel-light: #D4BEA2;   /* Acento claro. Announcement bar, detalles */

  /* ---- Fondos ---- */
  --arena:       #EDE5D8;   /* Fondo de imágenes placeholder, cards */
  --arena-med:   #E2D8C8;   /* Bordes, separadores, fondos secundarios */
  --crema:       #FAF8F4;   /* Fondo de contenido, panels, sidebars */
  --blanco:      #FFFFFF;   /* Fondo base de página */

  /* ---- Texto ---- */
  --texto:       #3A2E24;   /* Cuerpo de texto principal */
  --texto-2:     #7A6B5C;   /* Texto secundario, subtítulos, meta */

  /* ---- Funcional ---- */
  --verde-ok:    #2E5044;   /* Precio transferencia, stock disponible */
  --amarillo:    #F4FF92;   /* SOLO highlight de transferencia/descuento. Único color fuera de paleta. */

  /* ---- Layout ---- */
  --nav-h:       72px;

  /* ==========================================================================
     TOKENS DERIVADOS — valores recurrentes citados en CLAUDE.md §5/§9/§10.
     Se exponen como custom properties para no hardcodearlos en los templates.
     ========================================================================== */

  /* ---- Tipografía (CLAUDE.md §4) ---- */
  --font-display: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-body:    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ---- Hairlines y superficies (CLAUDE.md §5) ---- */
  --hairline:    rgba(60, 39, 0, 0.12);   /* Línea sutil — preferir sobre bordes duros */
  --header-bg:   rgba(255, 250, 244, 0.94); /* Fondo header sticky semitransparente */
  --num-ghost:   rgba(60, 39, 0, 0.09);   /* Números/countdown decorativos de fondo */

  /* ---- Transiciones (CLAUDE.md §10.7) ---- */
  --ease-img:    cubic-bezier(.25, .46, .45, .94);
  --t-img:       transform .55s var(--ease-img); /* Transición estándar de imagen en hover */
}