/* =========================================
   VARIABLES — Harinera de Trigo Natural
   ========================================= */

:root {
  /* Paleta principal */
  --color-trigo:       #D4A853;   /* dorado trigo */
  --color-crema:       #F5EDD6;   /* crema suave */
  --color-hueso:       #FAF6EE;   /* fondo blanco hueso */
  --color-terracota:   #C0624B;   /* acento terracota */
  --color-verde:       #5A7A4A;   /* verde campo */
  --color-marron:      #6B4C2A;   /* marrón tostado */
  --color-oscuro:      #2C1F0E;   /* texto oscuro */
  --color-gris:        #7A7066;   /* texto secundario */
  --color-borde:       #E8DEC8;   /* bordes sutiles */

  /* Tipografía */
  --font-display:      'Fraunces', Georgia, serif;
  --font-body:         'DM Sans', 'Helvetica Neue', Arial, sans-serif;

  --size-xs:    0.75rem;    /* 12px */
  --size-sm:    0.875rem;   /* 14px */
  --size-base:  1rem;       /* 16px */
  --size-md:    1.125rem;   /* 18px */
  --size-lg:    1.25rem;    /* 20px */
  --size-xl:    1.5rem;     /* 24px */
  --size-2xl:   2rem;       /* 32px */
  --size-3xl:   2.5rem;     /* 40px */
  --size-4xl:   3.5rem;     /* 56px */
  --size-5xl:   4.5rem;     /* 72px */

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  --leading-tight:  1.2;
  --leading-snug:   1.4;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* Espaciado */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* Layout */
  --max-width:       1200px;
  --max-width-text:  720px;
  --gutter:          clamp(1.5rem, 5vw, 3rem);

  /* Bordes y sombras */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  --shadow-sm:  0 1px 3px rgba(44, 31, 14, 0.08);
  --shadow-md:  0 4px 16px rgba(44, 31, 14, 0.12);
  --shadow-lg:  0 8px 32px rgba(44, 31, 14, 0.16);

  /* Transiciones */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* Z-index */
  --z-base:    0;
  --z-sticky:  100;
  --z-overlay: 200;
  --z-modal:   300;
  --z-float:   400;
}