:root {
  /* Colores */
  --color-bg:          #0a0a0f;
  --color-surface:     #111118;
  --color-surface-2:   #16161f;
  --color-gold:        #c9a84c;
  --color-gold-light:  #e8c97a;
  --color-gold-dim:    #8a6f32;
  --color-text:        #f0ece4;
  --color-text-dim:    #8a8478;
  --color-text-muted:  #4a4840;
  --color-accent:      #1a1a2e;
  --color-border:      rgba(201, 168, 76, 0.15);

  /* Tipografía */
  --font-serif:        'Playfair Display', Georgia, serif;
  --font-display:      'Cormorant Garamond', Georgia, serif;
  --font-sans:         'Inter', system-ui, sans-serif;

  /* Tamaños fluidos */
  --text-xs:     clamp(0.7rem,  0.65rem + 0.25vw, 0.8rem);
  --text-sm:     clamp(0.85rem, 0.8rem  + 0.25vw, 1rem);
  --text-base:   clamp(1rem,    0.95rem + 0.25vw, 1.125rem);
  --text-lg:     clamp(1.1rem,  1rem    + 0.5vw,  1.375rem);
  --text-xl:     clamp(1.25rem, 1.1rem  + 0.75vw, 1.75rem);
  --text-2xl:    clamp(1.5rem,  1.25rem + 1.25vw, 2.5rem);
  --text-3xl:    clamp(2rem,    1.5rem  + 2.5vw,  4rem);
  --text-4xl:    clamp(2.5rem,  1.75rem + 3.75vw, 6rem);
  --text-hero:   clamp(3.5rem,  2rem    + 6vw,    10rem);

  /* Espaciado */
  --space-xs:    0.5rem;
  --space-sm:    1rem;
  --space-md:    2rem;
  --space-lg:    4rem;
  --space-xl:    8rem;
  --space-2xl:   12rem;

  /* Layout */
  --container:   1280px;
  --container-padding: clamp(1.5rem, 5vw, 4rem);

  /* Transiciones */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast:   0.2s;
  --duration-base:   0.4s;
  --duration-slow:   0.7s;
  --duration-xslow:  1.2s;

  /* Z-index */
  --z-base:    1;
  --z-above:   10;
  --z-navbar:  100;
  --z-cursor:  9999;
}