:root {
  --title-font: "Recoleta";
  --color-beige-500: #f9f6f1;
    --color-beige-600: #e8e3d9;

  --color-primary-50: #e6eeef;
  --color-primary-100: #cedde0;
  --color-primary-200: #9dbbc1;
  --color-primary-300: #6b98a2;
  --color-primary-400: #3a7683;
  --color-primary-500: #095464;
  --color-primary-600: #074350;
  --color-primary-700: #05323c;
  --color-primary-800: #042228;
  --color-primary-900: #021114;

  --color-secondary-500: #095464;
    --color-secondary-300: #E6EEEF;
    /* Same as primary for Zil compatibility */

  --color-asphalt-100: #eeeeee;
  --color-asphalt-200: #f4f4f4;
  --color-asphalt-300: #eaeaed;
  --color-asphalt-400: #dcdce0;
  --color-asphalt-500: #6e6e73;
  --color-asphalt-600: #86868b;
  --color-asphalt-900: #1a1a1a;
  --color-asphalt-900-25: rgba(26, 26, 26, 0.25);

  --color-gris-500: #babcc0;

  --color-semantic-error-50: #fdebec;
  --color-semantic-error: #e63946;
  --color-semantic-promo: #e6396d;
  --color-semantic-promo-50: #fce8ee;
  --color-semantic-best: #34a853;
  --color-semantic-warn: #e78a1b;
  --color-semantic-warn-15: rgba(231, 138, 27, 0.15);

  --color-leave: #24C088;
  --color-green-400: rgba(73, 208, 168, 0.12);
  --color-green-500: #19A178;

  --color-gold-300: #F6F0D8;
  --color-gold-500: #af9130;

  --box-shadow-custom: 0px 4px 12px 0px #052e361f;
  --drop-shadow-custom: 0px 4px 16px #00000014;
}