/* ==========================================================================
   Bonsáis La Perla — Tokens de marca y fuentes autoalojadas
   Fuente de verdad: identidad-marca-bpl/03_SISTEMA_DISENO_ECOMMERCE_WOOCOMMERCE.md
   ========================================================================== */

/* Dekiru: solo titulares ≥ 18 px. No contiene € · — « » (se usa fallback). */
@font-face {
  font-family: 'Dekiru';
  src: url('../fonts/Dekiru.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/lora-latin-400-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/lora-latin-500-italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Paleta raíz */
  --blp-color-primary: #642A34;
  --blp-color-primary-hover: #4F1F27;
  --blp-color-primary-active: #3D171E;
  --blp-color-primary-light: #F4ECEE;

  --blp-color-dark: #3D2D2F;
  --blp-color-dark-subtle: #5C4245;
  --blp-color-muted: #6F635F;          /* ajustado desde #7F736F para contraste AA sobre blanco */

  --blp-color-canvas: #E8DED5;
  --blp-color-surface: #F9F7F5;
  --blp-color-card: #FFFFFF;
  --blp-color-border: #E0D7CD;
  --blp-color-border-subtle: #ECE5DC;

  --blp-color-pearl: #F4F0B8;
  --blp-color-pearl-soft: #FBF9DC;
  --blp-color-gold-line: #C5B358;

  /* Estados botánicos */
  --blp-state-unique: #642A34;
  --blp-state-master: #3D2D2F;
  --blp-state-acclimated: #3F5E4D;
  --blp-state-imported: #2B4C5F;
  --blp-state-reserved: #C87D28;
  --blp-state-sold: #9B2226;

  /* Tipografía */
  --blp-font-display: 'Dekiru', 'Cinzel', Georgia, serif;
  --blp-font-botanical: 'Lora', 'EB Garamond', Georgia, serif;
  --blp-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --blp-text-xs: 0.75rem;
  --blp-text-sm: 0.875rem;
  --blp-text-base: 1rem;
  --blp-text-lg: 1.125rem;
  --blp-text-xl: 1.25rem;
  --blp-text-2xl: 1.5rem;
  --blp-text-3xl: 1.875rem;
  --blp-text-4xl: 2.5rem;
  --blp-text-hero: clamp(2.25rem, 1.4rem + 3.6vw, 4.25rem);

  /* Sombras "papel washi" */
  --blp-shadow-sm: 0 1px 2px 0 rgba(61, 45, 47, 0.05);
  --blp-shadow-md: 0 4px 6px -1px rgba(61, 45, 47, 0.07), 0 2px 4px -1px rgba(61, 45, 47, 0.04);
  --blp-shadow-lg: 0 10px 15px -3px rgba(61, 45, 47, 0.08), 0 4px 6px -2px rgba(61, 45, 47, 0.03);
  --blp-shadow-elevated: 0 20px 25px -5px rgba(61, 45, 47, 0.1), 0 10px 10px -5px rgba(61, 45, 47, 0.04);

  /* Radios */
  --blp-radius-sm: 3px;
  --blp-radius-md: 6px;
  --blp-radius-lg: 10px;
  --blp-radius-full: 9999px;

  /* Movimiento */
  --blp-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --blp-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --blp-transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --blp-wrap: 1240px;
  --blp-gutter: clamp(1rem, 4vw, 2.5rem);
  --blp-diagonal: 3.5vw;               /* altura de la banda diagonal (eco de la pancarta) */
}

/* Mapeo a la paleta global de Kadence: así los bloques y el Customizer heredan la marca
   aunque no se haya guardado nada en la base de datos. */
:root {
  --global-palette1: #642A34;
  --global-palette2: #4F1F27;
  --global-palette3: #3D2D2F;
  --global-palette4: #5C4245;
  --global-palette5: #6F635F;   /* texto medio */
  --global-palette6: #6F635F;   /* texto sutil (SKU, metadatos): debe ser legible, no un tono de borde */
  --global-palette7: #E8DED5;   /* fondos y bordes suaves */
  --global-palette8: #F9F7F5;
  --global-palette9: #FFFFFF;
  --global-palette-highlight: #642A34;
  --global-palette-highlight-alt: #4F1F27;
  --global-palette-highlight-alt2: #FFFFFF;
  --global-palette-btn-bg: #642A34;
  --global-palette-btn-bg-hover: #4F1F27;
  --global-palette-btn: #FFFFFF;
  --global-palette-btn-hover: #FFFFFF;
  --global-body-font-family: var(--blp-font-sans);
  --global-heading-font-family: var(--blp-font-display);
}