:root {
  /* Colores de marca */
  --color-black: #0A0A0A;
  --color-white: #FFFFFF;
  --color-pink: #D6006F;
  --color-gray-text: #4A4A4A;

  /* Variantes derivadas para overlays y estados hover */
  --color-black-soft: #1A1A1A;
  --color-pink-hover: #B8005F;
  --color-white-muted: #F2F2F2;

  /* Tipografía */
  --font-display: 'Anton', sans-serif;
  --font-body: 'Poppins', sans-serif;

  /* Tracking para subtítulos estilo logo */
  --tracking-wide: 0.15em;
  --tracking-widest: 0.25em;

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

  /* Contenedor */
  --container-max: 1200px;
  --container-padding: 1.5rem;

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-base: 0.4s ease;
  --transition-slow: 0.8s ease;

  /* Header */
  --header-height: 80px;
  --header-height-scrolled: 60px;

  /* Z-index */
  --z-header: 100;
  --z-overlay: 200;
}