/* ==========================================================================
   Avidis Gourmet · Design tokens
   Fuente de verdad de la identidad visual. Portable a theme.json (WordPress)
   y a las variables del tema WooCommerce. No contiene reglas de componentes.
   ========================================================================== */

:root {
  /* ---------- Color: marca ---------- */
  --c-burdeos:        #891C39; /* color exacto del logotipo */
  --c-burdeos-700:    #6F1630; /* hover / pulsado */
  --c-burdeos-900:    #4A0F20; /* fondos profundos */
  --c-burdeos-100:    #F3E4E8; /* fondos suaves, chips activos */
  --c-oro:            #C9A55A; /* acento catálogo 2026 (filetes, iconos sobre oscuro) */
  --c-oro-claro:      #DBC17A; /* texto acento sobre fondo oscuro */
  --c-oro-oscuro:     #8A6A26; /* acento oro sobre fondo claro (AA en texto grande) */

  /* ---------- Color: neutros ---------- */
  --c-carbon:         #161312; /* fondo oscuro principal (catálogos negros) */
  --c-carbon-800:     #221D1B; /* superficies sobre carbón */
  --c-carbon-700:     #2E2826; /* bordes sobre oscuro */
  --c-crema:          #F7F2EA; /* fondo claro principal */
  --c-papel:          #FCFAF6; /* tarjetas sobre crema */
  --c-piedra:         #E6DDD1; /* bordes, separadores */
  --c-piedra-oscura:  #CFC3B4;
  --c-tinta:          #1F1A18; /* texto principal sobre claro */
  --c-tinta-suave:    #5E5450; /* texto secundario sobre claro */
  --c-crema-texto:    #F3EBDD; /* texto principal sobre oscuro */
  --c-crema-suave:    #BDB2A6; /* texto secundario sobre oscuro */

  /* ---------- Color: estado ---------- */
  --c-exito:          #2F6B45;
  --c-aviso:          #7A520A;
  --c-error:          #A3262A;
  --c-whatsapp:       #1F7A4D; /* verde sobrio, no el verde de marca de WhatsApp */
  --c-foco:           #C9A55A;

  /* ---------- Tipografía ---------- */
  --f-display: "Cinzel", "Trajan Pro", Georgia, serif;           /* rótulos en versalitas */
  --f-serif:   "Crimson Pro", "Minion Pro", Georgia, serif;      /* títulos y lema */
  --f-sans:    "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", sans-serif; /* texto e interfaz */

  /* Escala fluida (móvil → escritorio) */
  --fs-xs:   0.8125rem;                               /* 13px */
  --fs-sm:   0.9375rem;                               /* 15px */
  --fs-base: 1.0625rem;                               /* 17px */
  --fs-lg:   clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
  --fs-xl:   clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
  --fs-2xl:  clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --fs-3xl:  clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
  --fs-eyebrow: 0.75rem;

  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-body:  1.6;
  --ls-eyebrow: 0.18em;

  --fw-regular: 400;
  --fw-semibold: 600;

  /* ---------- Espaciado (base 4px) ---------- */
  --sp-1: 0.25rem;  /* 4  */
  --sp-2: 0.5rem;   /* 8  */
  --sp-3: 0.75rem;  /* 12 */
  --sp-4: 1rem;     /* 16 */
  --sp-5: 1.5rem;   /* 24 */
  --sp-6: 2rem;     /* 32 */
  --sp-7: 3rem;     /* 48 */
  --sp-8: 4rem;     /* 64 */
  --sp-9: 6rem;     /* 96 */
  --section-y: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --gutter: 1rem;               /* 16px en móvil */
  --container: 76rem;           /* 1216px */
  --container-narrow: 46rem;

  /* ---------- Forma ---------- */
  --r-xs: 2px;
  --r-sm: 4px;   /* botones, inputs */
  --r-md: 8px;   /* tarjetas */
  --r-lg: 14px;  /* bloques destacados */
  --r-pill: 999px;

  /* ---------- Sombras (cálidas, sutiles) ---------- */
  --sh-1: 0 1px 2px rgba(31, 26, 24, .06), 0 1px 1px rgba(31, 26, 24, .04);
  --sh-2: 0 6px 18px -6px rgba(31, 26, 24, .18), 0 2px 4px rgba(31, 26, 24, .05);
  --sh-3: 0 22px 44px -18px rgba(31, 26, 24, .35);

  /* ---------- Movimiento ---------- */
  --t-fast: 150ms;
  --t-base: 250ms;
  --ease: cubic-bezier(.2, .7, .2, 1);

  /* ---------- Capas ---------- */
  --z-header: 50;
  --z-drawer: 60;
  --z-float: 40;
}

@media (min-width: 48em) {
  :root { --gutter: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-base: 0ms; }
}
