/*
 * VINCERE DESIGN TOKENS
 * Versión: 1.0.0 — 2026-03-18
 * Archivo: /wp-content/themes/astra-child/tokens.css
 */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;600&display=swap');

:root {

  /* --- COLORES BASE --- */
  --vc-color-bg:           #f5f3f0;
  --vc-color-bg-alt:       #eeece9;
  --vc-color-ink:          #1d1d1b;
  --vc-color-ink-muted:    #5a5956;
  --vc-color-white:        #ffffff;
  --vc-color-dark:         #1d1d1b;

  /* --- ACENTO ACADEMIA --- */
  --vc-color-accent:       #6591d5;
  --vc-color-accent-dark:  #4e7cc4;
  --vc-color-accent-light: #dce8f6;

  /* --- ACENTO ARMERÍA --- */
  --vc-color-armeria:       #c9a84c;
  --vc-color-armeria-dark:  #a8893a;
  --vc-color-armeria-light: #f2eadb;

  /* --- ACENTO TIENDA --- */
  --vc-color-tienda:        #4e8a53;
  --vc-color-tienda-dark:   #3d6b40;
  --vc-color-tienda-light:  #e5ede3;

  /* --- TIPOGRAFÍA --- */
  --vc-font-serif:  'EB Garamond', Georgia, serif;
  --vc-font-sans:   'Inter', system-ui, -apple-system, sans-serif;

  /* --- ESCALA TIPOGRÁFICA --- */
  --vc-text-display: 42px;
  --vc-text-h1:      28px;
  --vc-text-h2:      22px;
  --vc-text-eyebrow: 11px;
  --vc-text-body:    16px;
  --vc-text-small:   13px;

  /* --- ESPACIADO (escala 8pt) --- */
  --vc-space-xs:   8px;
  --vc-space-sm:   16px;
  --vc-space-md:   24px;
  --vc-space-lg:   32px;
  --vc-space-xl:   48px;
  --vc-space-2xl:  64px;
  --vc-space-3xl:  80px;

  /* --- BORDES Y RADIOS --- */
  --vc-radius-sm:   6px;
  --vc-radius-md:   10px;
  --vc-radius-lg:   16px;
  --vc-border:      0.5px solid rgba(29, 29, 27, 0.13);
  --vc-border-md:   1px solid rgba(29, 29, 27, 0.20);

}

/* --- SECCIÓN ARMERÍA --- */
body.page-armeria {
  --vc-color-accent:       #c9a84c;
  --vc-color-accent-dark:  #a8893a;
  --vc-color-accent-light: #f2eadb;
}

/* --- SECCIÓN TIENDA --- */
body.page-tienda {
  --vc-color-accent:       #4e8a53;
  --vc-color-accent-dark:  #3d6b40;
  --vc-color-accent-light: #e5ede3;
}

/* --- RESET BASE --- */
body {
  background-color: var(--vc-color-bg);
  color: var(--vc-color-ink);
  font-family: var(--vc-font-sans);
  font-size: var(--vc-text-body);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--vc-font-serif);
  color: var(--vc-color-ink);
  line-height: 1.2;
}