/* ---------------------------------------------------------------
   Tokens de diseño. Punto único de verdad: cambia aquí, cambia todo.

   Paleta de grafito cálido y arcilla. El verde anterior venía del
   logotipo provisional, que a su vez venía de una plantilla de
   plantas: al cambiar el logotipo deja de tener sentido arrastrarlo.

   Un solo acento y muchos neutros. Es lo que separa una marca de
   mobiliario seria de una tienda genérica: la contención cromática
   deja que el protagonismo se lo lleve el producto, no la interfaz.
   --------------------------------------------------------------- */
:root {
  /* Neutros cálidos. El fondo de una tienda de descanso no es blanco puro. */
  --sym-bone:        #fbfaf8;
  --sym-sand:        #f2efe9;
  --sym-clay:        #dfd9cf;
  --sym-ink:         #1b1a18;
  --sym-ink-soft:    #494540;
  --sym-ink-mute:    #857f76;

  /* Acento único: arcilla. Tierra, cálido y sin estridencia.
     Se reserva para lo que de verdad debe destacar. */
  --sym-accent:      #9b5c3c;
  --sym-accent-deep: #7a452b;
  --sym-accent-wash: #f6efe9;

  /* Funcionales: solo para mensajes del sistema, nunca decorativos. */
  --sym-ok:          #4a6150;
  --sym-error:       #8c3a2b;

  /* Tipografía */
  --sym-font-display: "Cormorant Garamond", "Georgia", serif;
  --sym-font-body:    "Inter", system-ui, -apple-system, sans-serif;

  --sym-step--1: clamp(.82rem, .79rem + .15vw, .9rem);
  --sym-step-0:  clamp(1rem, .96rem + .2vw, 1.12rem);
  --sym-step-1:  clamp(1.3rem, 1.18rem + .55vw, 1.65rem);
  --sym-step-2:  clamp(1.75rem, 1.5rem + 1.15vw, 2.5rem);
  --sym-step-3:  clamp(2.3rem, 1.85rem + 2.2vw, 3.6rem);
  --sym-step-4:  clamp(2.9rem, 2rem + 3.9vw, 5.2rem);

  /* Ritmo vertical y formas */
  --sym-gap-xs: .5rem;
  --sym-gap-s:  1rem;
  --sym-gap-m:  1.75rem;
  --sym-gap-l:  3rem;
  --sym-gap-xl: 5rem;

  --sym-radius:    12px;
  --sym-radius-sm: 7px;
  --sym-shadow:    0 1px 2px rgba(27,26,24,.05), 0 8px 24px -12px rgba(27,26,24,.18);

  --sym-maxw: 1240px;
}

/* ---------------------------------------------------------------
   Paleta global de Astra, reasignada a la nuestra, para que su
   cabecera, enlaces y contador de carrito no vayan por libre.
   :root:root gana a la hoja que Astra imprime en línea.
   --------------------------------------------------------------- */
:root:root {
  --ast-global-color-0: var(--sym-accent);
  --ast-global-color-1: var(--sym-accent-deep);
  --ast-global-color-2: var(--sym-ink);
  --ast-global-color-3: var(--sym-ink-soft);
  --ast-global-color-4: var(--sym-bone);
  --ast-global-color-5: #ffffff;
  --ast-global-color-6: var(--sym-ink-mute);
  --ast-global-color-7: var(--sym-sand);
  --ast-global-color-8: var(--sym-clay);
}