:root {
  /* --- Paleta Miel (colores primarios) --- */
  --color-honey-light:       #FBDD8C;
  --color-honey-main:        #FBB82B;
  --color-honey-dark:        #F29119;
  --color-earth-red:         #903610;
  --color-earth-dark:        #441504;
  --color-cream:             #FFF8E7;

  /* --- Paleta Naturaleza (colores secundarios) --- */
  --color-leaf-dark:         #73983C;
  --color-leaf-mid:          #AFB54B;
  --color-sky-blue:          #58BEBE;
  --color-sky-light:         #A9E6E2;

  /* --- Semánticos --- */
  --color-bg:                var(--color-cream);
  --color-text-primary:      var(--color-earth-dark);
  --color-text-secondary:    var(--color-earth-red);
  --color-accent:            var(--color-honey-main);
  --color-success:           var(--color-leaf-dark);

  /* --- Tipografía --- */
  --font-display:            'Poppins', sans-serif;
  --font-body:               'Inter', sans-serif;
  --font-size-xs:            11px;
  --font-size-sm:            13px;
  --font-size-base:          16px;
  --font-size-lg:            20px;
  --font-size-xl:            28px;
  --font-size-2xl:           40px;

  /* --- Bordes y formas --- */
  --radius-pill:             9999px;
  --radius-card:             1.5rem;
  --radius-btn:              1rem;
  --radius-sm:               0.75rem;

  /* --- Sombras --- */
  --shadow-btn-primary:      0 6px 0 0 var(--color-earth-red);
  --shadow-btn-secondary:    0 6px 0 0 #3d5a1a;
  --shadow-btn-outline:      0 4px 0 0 var(--color-earth-red);
  --shadow-card:             0 8px 24px -4px rgba(144, 54, 16, 0.3);

  /* --- Barra narrativa inferior --- */
  --bar-height:              80px;
  --bar-bg:                  rgba(68, 21, 4, 0.82);
  --bar-blur:                12px;
  --bar-text-color:          var(--color-honey-light);

  /* --- Overlay de orientación --- */
  --overlay-bg:              rgba(68, 21, 4, 0.95);

  /* --- Transiciones --- */
  --t-fast:                  150ms ease;
  --t-normal:                300ms ease;
  --t-slow:                  500ms ease;

  /* --- Z-index layers --- */
  --z-video:                 0;
  --z-bar:                   10;
  --z-nav:                   20;
  --z-modal:                 30;
  --z-overlay:               40;
  --z-loader:                50;
}