:root {
  /* Color */
  --color-naranja: #ff5a19;
  --color-naranja-claro: #ff7a30;
  --color-naranja-oscuro: #e03c17;
  --color-rojo: #d53513;
  --color-negro: #000000;
  --color-blanco: #ffffff;
  --color-gris: #707070;
  --color-gris-claro: #c1c1c1;
  --color-borde: #dcdcdc;
  --color-superficie: #f2f2f2;
  --color-fondo: #f4f4f4;
  --gradiente-marca: linear-gradient(134deg, var(--color-naranja-claro) 10.9%, var(--color-naranja) 50%, var(--color-rojo) 89%);
  --gradiente-marca-radial: radial-gradient(circle at 50% 50%, #ff9346 0%, #ff772f 27.5%, var(--color-naranja) 55%, var(--color-naranja-oscuro) 100%);
  --gradiente-pildora: linear-gradient(90deg, #ff7a2f 0%, #f04d14 100%);

  /* Radio (border-radius) */
  --radio-pill: 999px;
  --radio-xs: 4px;
  --radio-sm: 8px;
  --radio-md: 10px;
  --radio-input: 13px;
  --radio-social: 18px;
  --radio-lg: 24px;

  /* Tipografia */
  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Montserrat', system-ui, sans-serif;

  /* Escala tipografica (Figma: Sistema de diseno) */
  --tipo-display: 600 clamp(38px, 6vw, 80px)/1.075 var(--font-display);
  --tipo-h1: 600 clamp(34px, 5.2vw, 72px)/1.083 var(--font-display);
  --tipo-h2: 600 clamp(30px, 4.6vw, 64px)/1.09 var(--font-display);
  --tipo-h3: 600 clamp(24px, 3vw, 36px)/1.22 var(--font-display);
  --tipo-subtitulo-l: 400 24px/34px var(--font-display);
  --tipo-texto-l: 400 18px/30px var(--font-body);
  --tipo-texto-s: 400 14px/22px var(--font-body);
  --tipo-etiqueta-micro: 500 12px/18px var(--font-body);
  --tipo-etiqueta-boton: 600 16px/24px var(--font-body);
  --tipo-nav-link: 600 clamp(17px, 1.7vw, 24px)/1.27 var(--font-display);

  /* Espaciado */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;

  /* Layout */
  --contenido-max: 1440px;
  --sombra-menu: 0px 8px 12px rgba(0, 0, 0, 0.12);
  --sombra-social: 0px 6px 7px rgba(255, 89, 26, 0.28);
}