:root {
  /* Colores */
  --color-bg: #ffffff;
  --color-bg-soft: #f3f3f1;
  --color-text: #1a1a1a;
  --color-text-soft: #2d2d2d;
  --color-text-muted: #5a5a5a;
  --color-accent: #1f4d3f;
  --color-accent-light: #2a6f5d;
  --color-cta: #000000;
  --color-link: #2a6f5d;
  --color-border: #e5e5e2;
  --color-border-strong: #1f4d3f;

  /* Tipografía */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Lato', -apple-system, sans-serif;

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

  /* Layout */
  --container-padding: clamp(1.5rem, 5vw, 5rem);
  --max-width: 1600px;
  --navbar-height: 75px;

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;

  /* Z-index */
  --z-navbar: 100;
  --z-overlay: 200;
  --z-modal: 300;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}