:root {
  /* COLORS */
  --main-back-color: #A1C8C4;
  --main-front-color: #2A2828;
  --alt-back-color: #E1ACA4;
  --alt-front-color: #F4F0FA;
  --info: #71B7FF;
  --mild-warning: #FF6A69;
  --success: #09B43A;
  --warning: #FF6A69;

  /* REFERENCE SIZE */
  --reference-size: 1rem;

  /* DISTANCES */
  --smaller-distance: calc(5 * var(--reference-size));
  --small-distance: calc(7.5 * var(--reference-size));
  --medium-distance: calc(10 * var(--reference-size));
  --large-distance: calc(15 * var(--reference-size));
  --larger-distance: calc(20 * var(--reference-size));
  --great-distance: calc(30 * var(--reference-size));
  --giant-distance: calc(50 * var(--reference-size));

  /* GENERAL SIZES */
  --micro-size: calc(0.25 * var(--reference-size));
  --mini-size: calc(0.5 * var(--reference-size));
  --smaller-size: calc(0.75 * var(--reference-size));
  --small-size: calc(1 * var(--reference-size));
  --medium-size: calc(1.5 * var(--reference-size));
  --large-size: calc(1.75 * var(--reference-size));
  --larger-size: calc(2.5 * var(--reference-size));
  --great-size: calc(4 * var(--reference-size));

  /* LINES */
  --small-line: 1px;
  --medium-line: 2px;
  --big-line: 4px;

  /* PADDINGS */
  --main-padding: min(5vw, var(--smaller-distance));

  --main-font-family: "Fira Sans", sans-serif;
}