:root {
  /* Tipografías */
  --fuente-principal: "Inter", sans-serif;
  --fuente-ui: "JetBrains Mono", monospace;

  --color-fondo: #181818;
  --color-superficie: #1e1e1e;
  --color-superficie-suave: #222222;
  --color-principal: #2a2a2a;
  --color-secundario: #3d3d3d;

  --color-acento: #f4b400;
  --color-acento-claro: #fdd96a;
  --color-acento-suave-mouse-glow: rgba(244, 180, 0, 0.25);

  --texto-claro: #f5f5f5;
  --texto-oscuro: #dcdcdc;
  --texto-muted: #9e9e9e;

  --color-borde: #3a3a3a;
  --sombra-suave: 0 2px 8px rgba(0, 0, 0, 0.6);

  /* Espaciado */
  --espaciado-xs: 0.4rem;
  --espaciado-sm: 0.8rem;
  --espaciado-md: 1.6rem;
  --espaciado-lg: 2.4rem;
  --espaciado-xl: 4rem;
  --espaciado-xxl: 6rem;
  --espaciado-3xl: 8rem;
  --espaciado-4xl: 12rem;
  --espaciado-5xl: 16rem;
  --espaciado-6xl: 24rem;

  /* Tamaños de fuentes */
  --texto-xs: 1.2rem;
  --texto-sm: 1.4rem;
  --texto-md: 1.6rem;
  --texto-lg: 2rem;
  --texto-xl: 2.4rem;
  --texto-xxl: 3.2rem;
  --texto-hero: 5.5rem;

  /* Tamaños de iconos */
  --icono-12: 1.2rem;
  --icono-16: 1.6rem;
  --icono-20: 2rem;
  --icono-24: 2.4rem;
  --icono-32: 3.2rem;
  --icono-40: 4rem;
  --icono-56: 5.6rem;
  --icono-80: 8rem;
  --icono-120: 12rem;

  /* Tamaños de logos */
  --logo-24: 2.4rem;
  --logo-32: 3.2rem;
  --logo-48: 4.8rem;
  --logo-64: 6.4rem;
  --logo-80: 8rem;
  --logo-100: 10rem;
  --logo-120: 12rem;
  --logo-160: 16rem;
  --logo-250: 25rem;

  /* Tamaños de imágenes */
  --imagen-sm: 8rem;
  --imagen-md: 12rem;
  --imagen-lg: 18rem;
  --imagen-xl: 24rem;
  --imagen-full: 100%;

  /* Bordes redondeados */
  --radio-pequeno: 0.4rem;
  --radio-mediano: 0.8rem;
  --radio-grande: 1.2rem;
  --radio-total: 9999px;
  --radio-circular: 50%;

  /* Transiciones */
  --transicion-base: 0.3s ease;
}