html {
  --principal: #f3f3f3;
  --secundario: yellow;
  --orange: orange;
  --verde1: #52b352;
  --rojo: #ff7171;
  --azul: #51bfff;
  --color1: #ff502f;
  --color2: #ff7447;
  --color3: #ffc137;
  --color4: #727272;
  --color5: #fffaae;
  --color6: #56fffb;
  --amarillo: #FED750;
  --fuente_highlight: #2a2a2a;
  --oro: #d4a810;
  --gris_oscuro: #3c3c3c;
  --gris_medio_oscuro: #606060;
  --gris_fondo: #b4b4b4;
  --gris_medio: #797979;
  --gris_claro: #d9d9d9;
  --gris_claro_claro: #fbfbfb;
  --gris_border: #9e9e9e;
  --blue_button: #6fc6f2;
  --body_black: #1a1a1a;
  --contrast-border-gray: #575757;
  --contrast-border-lightgray: #a0a0a0;
  --contrast-only-bold: bold;
  --white-contrast-black: #000000;
  --transparent-contrast-black: #000000;
  --yellow-contrast-gold: #dcb000;
  --yellow-contrast-lightgold: #e8b800;
  --1px-contrast-2px: 2px;
}