/* Vívelo. Paleta verde bosque y oro tomada de los fondos y detalles del logo oficial.
   Documentada en docs/manual-de-marca-vivelo.md. */
:root {
  /* Color */
  --verde-profundo: #032819;
  --verde: #06432D;
  --verde-medio: #0D5A3C;
  --verde-luz: #1D7050;
  --oro: #DDA84E;
  --oro-luz: #F2C06E;
  --oro-profundo: #80551E;
  --marfil: #F7F4EC;
  --negro: var(--verde-profundo);
  --carbon: var(--verde);
  --carbon-claro: var(--verde-medio);
  --dorado: var(--oro);
  --dorado-claro: var(--oro-luz);
  --dorado-oscuro: var(--oro-profundo);
  --champagne: var(--marfil);
  --crema: #FBFAF6;
  --crema-media: #F1EEE5;
  --texto-oscuro: #17261E;
  --texto-claro: var(--marfil);
  --linea-oscura: rgba(247, 244, 236, 0.18);
  --linea-clara: rgba(3, 40, 25, 0.14);

  /* Estados del selector de números */
  --num-disponible-bg: #FFFFFF;
  --num-disponible-borde: rgba(3, 40, 25, 0.2);
  --num-seleccionado-bg: var(--dorado);
  --num-seleccionado-texto: var(--verde-profundo);
  --num-vendido-bg: #E8EAE5;
  --num-vendido-texto: rgba(23, 38, 30, 0.4);
  --num-reservado-bg: #F8EEDB;
  --num-reservado-texto: #76531F;

  /* Semántico */
  --exito: #155B3C;
  --error: #B3261E;

  /* Tipografía */
  --fuente-display: 'Figtree', -apple-system, sans-serif;
  --fuente-cuerpo: 'Figtree', -apple-system, sans-serif;

  /* Escala */
  --paso-4xs: 4px;
  --paso-3xs: 8px;
  --paso-2xs: 12px;
  --paso-xs: 16px;
  --paso-sm: 20px;
  --paso-md: 28px;
  --paso-lg: 40px;
  --paso-xl: 56px;
  --paso-2xl: 80px;
  --paso-3xl: 112px;

  /* Radios */
  --radio-sm: 8px;
  --radio-md: 14px;
  --radio-lg: 22px;
  --radio-pill: 999px;

  /* Sombras */
  --sombra-sm: 0 2px 8px rgba(3, 40, 25, 0.10);
  --sombra-md: 0 12px 32px rgba(3, 40, 25, 0.18);
  --sombra-dorada: 0 10px 28px rgba(221, 168, 78, 0.28);

  --ancho-contenido: 1180px;
}