/* ----------------------------------------------
 * Variáveis
 * ---------------------------------------------- */

:root {
  --clr-main-a0: var(--clr-pink-a0);
  --clr-main-a10: var(--clr-pink-a10);
  --clr-main-a20: var(--clr-pink-a20);
  --clr-main-a30: var(--clr-pink-a30);
  --clr-main-a40: var(--clr-pink-a40);
  --clr-main-a50: var(--clr-pink-a50);

  /* --clr-black-a0: #090909; */
  --clr-black-a0: #0d0d0c;
  --clr-black-a10: #121112;

  --clr-gray-a0: #1e1b21;
  --clr-gray-a10: #2b272f;
  --clr-gray-a20: #3a333d;
  --clr-gray-a30: #565157;
  --clr-gray-a40: #807b82;
  --clr-gray-a50: #bfbabb;

  --clr-white: #f8edff;
  --clr-white-bluish: #e7f7ff;

  --clr-yellow-0: #5a4700;
  --clr-yellow-10: #8a6a00;
  --clr-yellow-20: #b28f00;
  --clr-yellow-30: #ffd227;
  --clr-yellow-40: #ffe770;
  --clr-yellow-50: #fff5b3;

  --clr-yellow-a0-old: #4a4225;
  --clr-yellow-a10-old: #7a6d4c;
  --clr-yellow-a20-old: #a09372;
  --clr-yellow-a30-old: #c1b492;
  --clr-yellow-a40-old: #dcd6a8;
  --clr-yellow-a50-old: #f3efc2;

  --clr-orange-a0: #7a4c2a;
  --clr-orange-a10: #a66e3f;
  --clr-orange-a20: #c99055;
  --clr-orange-a30: #e3b676;
  --clr-orange-a40: #fcc467;
  --clr-orange-a50: #ffe5bf;

  --clr-red-a0: #730604;
  --clr-red-a10: #9b0807;
  --clr-red-a20: #b00a0a;
  --clr-red-a30: #c10b0b;
  --clr-red-a40: #c50d0c;
  --clr-red-a50: #e66a68;

  --clr-pink-a0: #8c2f5a;
  --clr-pink-a10: #b03a77;
  --clr-pink-a20: #c64a8b;
  --clr-pink-a30: #d45c95;
  --clr-pink-a40: #e966a0;
  --clr-pink-a50: #f498c0;

  --clr-purple-a0: #29295b;
  --clr-purple-a10: #38388c;
  --clr-purple-a20: #4545b0;
  --clr-purple-a30: #525ceb;
  --clr-purple-a40: #7d7ef5;
  --clr-purple-a50: #b0b0ff;

  --clr-blue-a0: #1f4d99;
  --clr-blue-a10: #2b70cc;
  --clr-blue-a20: #3a88ff;
  --clr-blue-a30: #4d96ff;
  --clr-blue-a40: #88bfff;
  --clr-blue-a50: #aef;

  --clr-green-a0: #0a4e3d;
  --clr-green-a10: #0f7a5a;
  --clr-green-a20: #11a178;
  --clr-green-a30: #16c47f;
  --clr-green-a40: #57d9a2;
  --clr-green-a50: #8fe6c6;

  --clr-green-grayish: #b2bdb8;

  --clr-green-military: #465850;

  --fonte-titulo: "Redaction50", serif;
  --fonte-tituloheader: "Voxel", serif;
  --fonte-corpo: "ANK", "MS UI Gothic", monospace;
  /* --fonte-corpo: 'ArkPixel', sans-serif; */
}

/* Tema claro */
:root[data-theme="light"] {
  --clr-black-a0: #fcf9ff;
  --clr-black-a10: #edecee;

  --clr-gray-a0: #8f8e8b;
  --clr-gray-a10: #999896;
  --clr-gray-a20: #a4a39f;
  --clr-gray-a30: #afaeaa;
  --clr-gray-a40: #bab8b5;
  --clr-gray-a50: #c5c3be;

  --clr-white: #0d0d0c;
  --clr-white-bluish: #222;
}
:root[data-theme="light"] img.img-clr-main {
  filter: brightness(3) contrast(1.3);
}