/* ==========================================================================
   DISTRA — Design tokens
   Todo color, tipografía, espaciado y sombra del sitio sale de aquí.
   Para cambiar la identidad visual, edite solo este archivo.
   ========================================================================== */

:root {
  /* ---- Color: neutros cálidos ---- */
  --c-ivory:        #FAF6F0;
  --c-cream:        #F3ECE2;
  --c-sand:         #E6D9C7;
  --c-stone:        #B8A894;
  --c-taupe:        #7A6D5F;
  --c-ink:          #1F1B17;
  --c-ink-soft:     #3A342E;
  --c-white:        #FFFFFF;

  /* ---- Color: acentos ---- */
  --c-bronze:       #A8773F;   /* acento principal (dorado 417) */
  --c-bronze-dark:  #8A5F2E;
  --c-bronze-light: #D9B88A;
  --c-blush:        #F2D4D7;   /* guiño Wet Brush */
  --c-distra-cyan:  #03A9D1;   /* colores de marca Distra (uso puntual) */
  --c-distra-red:   #EC0B2A;

  /* ---- Color: semánticos ---- */
  --bg-page:        var(--c-ivory);
  --bg-alt:         var(--c-cream);
  --bg-dark:        var(--c-ink);
  --text-main:      var(--c-ink);
  --text-muted:     var(--c-taupe);
  --text-inverse:   var(--c-ivory);
  --accent:         var(--c-bronze);
  --accent-hover:   var(--c-bronze-dark);
  --border:         rgba(31, 27, 23, 0.12);
  --border-inverse: rgba(250, 246, 240, 0.18);

  /* ---- Tipografía ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body:    "Jost", "Helvetica Neue", Arial, sans-serif;

  --fs-xs:   0.75rem;                              /* 12 */
  --fs-sm:   0.875rem;                             /* 14 */
  --fs-base: 1rem;                                 /* 16 */
  --fs-md:   1.125rem;                             /* 18 */
  --fs-lg:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-xl:   clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --fs-2xl:  clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
  --fs-3xl:  clamp(2.75rem, 1.8rem + 4vw, 5.5rem);

  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.7;

  --tracking-wide:  0.18em;
  --tracking-wider: 0.32em;

  /* ---- Espaciado (escala 4/8) ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 9rem);

  /* ---- Layout ---- */
  --container: 1240px;
  --container-narrow: 820px;
  --gutter: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);
  --header-h: 84px;

  /* ---- Bordes y sombras ---- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-soft: 0 10px 30px -12px rgba(31, 27, 23, 0.18);
  --shadow-lift: 0 30px 60px -25px rgba(31, 27, 23, 0.35);

  /* ---- Movimiento ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.2s;
  --t-base: 0.45s;
  --t-slow: 0.9s;
}