/* Kinara — Design Tokens
   Paleta y tipografia extraidas de la identidad REAL (wp-content/themes/kinara + logo Kinara.svg).
   Marca = gama de verdes + charcoal azulado + neutros.
   El lujo se logra con espacio, tipografia y fotografia; NO con dorados genericos. */

:root {
  /* ---- Verdes de marca ---- */
  --k-green:        #8dc03e; /* primario: acento + CTA */
  --k-green-bright: #c0d22c; /* lima brillante: highlights, subrayados */
  --k-green-mid:    #3e9537; /* verde medio */
  --k-green-forest: #1f562e; /* verde bosque: profundidad, fondos oscuros premium */
  --k-green-theme:  #90bd45; /* verde del theme actual (consistencia) */

  /* ---- Neutros y texto ---- */
  --k-charcoal:  #3e4a56; /* charcoal azulado de marca: fondos oscuros, texto fuerte */
  --k-ink:       #2a2a2a; /* texto principal */
  --k-ink-soft:  #3c3c3c; /* texto secundario */
  --k-cream:     #faf9f6; /* off-white calido: fondos de seccion premium */
  --k-white:     #ffffff;
  --k-gray-100:  #f9f9f9;
  --k-gray-200:  #e8e8e8;
  --k-gray-300:  #d3d3d3;

  /* ---- Semanticos ---- */
  --k-bg:        var(--k-white);
  --k-bg-alt:    var(--k-cream);
  --k-bg-dark:   var(--k-charcoal);
  --k-text:      var(--k-ink);
  --k-accent:    var(--k-green);
  --k-cta:       var(--k-green-forest); /* CTA principal sobre fondo claro */
  --k-whatsapp:  #25D366;               /* verde oficial WhatsApp (solo boton WA) */

  /* ---- Tipografia ---- */
  --k-font-display: "Abril Fatface", Georgia, serif;                 /* titulos hero */
  --k-font-body:    "Raleway", system-ui, -apple-system, sans-serif; /* texto/UI */
  --k-h1:    clamp(2.2rem, 5vw, 4rem);
  --k-h2:    clamp(1.6rem, 3.5vw, 2.6rem);
  --k-h3:    clamp(1.2rem, 2vw, 1.6rem);
  --k-body:  1.0625rem;
  --k-small: 0.875rem;
  --k-lh:    1.6;

  /* ---- Espaciado (escala 4px) ---- */
  --k-space-1: .25rem;  --k-space-2: .5rem;  --k-space-3: .75rem; --k-space-4: 1rem;
  --k-space-6: 1.5rem;  --k-space-8: 2rem;   --k-space-12: 3rem; --k-space-16: 4rem;
  --k-space-24: 6rem;

  /* ---- Radios / sombras / layout ---- */
  --k-radius:    12px;
  --k-radius-lg: 20px;
  --k-shadow:    0 4px 24px rgba(62,74,86,.10);
  --k-shadow-lg: 0 20px 60px rgba(31,86,46,.18);
  --k-maxw:      1200px;
}

/* Carga de fuentes (la marca ya usa Raleway + Abril Fatface):
   @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Raleway:wght@300;400;500;600;700;800&display=swap');
   Para produccion: self-host de las fuentes para velocidad (no depender de CDN). */