:root {
  --rojo: #c91111;
  --rojo-oscuro: #9f0f0f;
  --rojo-suave: #f2d8d8;

  --cafe-900: #85705f;
  --cafe-700: #ad9988;
  --cafe-500: #c8b7a8;
  --cafe-300: #ddd1c4;
  --cafe-200: #e7ddd3;
  --cafe-150: #efe7de;
  --cafe-100: #f5efe8;
  --cafe-050: #faf6f1;

  --cafe-base: #e7ddd2;
  --cafe-medio: #d9ccbe;
  --cafe-claro: #efe6dd;
  --cafe-suave: #f8f3ed;
  --cafe-borde: #ccbeaf;
  --cafe-texto: #564f48;
  --cafe-texto-suave: #6b635b;

  --negro: #151515;
  --negro3: #353535;
  --negro-suave: #2c2622;
  --blanco: #ffffff;

  --sombra-xs: 0 6px 14px rgba(45, 31, 20, 0.05);
  --sombra-sm: 0 10px 22px rgba(45, 31, 20, 0.07);
  --sombra: 0 14px 32px rgba(45, 31, 20, 0.08);
  --sombra-md: 0 18px 38px rgba(35, 24, 16, 0.10);
  --sombra-fuerte: 0 22px 46px rgba(35, 24, 16, 0.12);

  --radio: 24px;
  --radio-sm: 16px;

  --space-section: 84px;
  --space-section-mobile: 64px;
  --space-heading: 36px;

  --max: 1280px;
}