default.css

:root {
  /* COLORS */

  /* Alerts */

  --alert-red: maroon;
  --warning-yellow: darkyellow;
  --success-green: green;
  --error-red: red;

  /* Whites */

  --white: hsl(0, 0%, 100%);
  --white-almost-transparent: hsla(0, 0%, 100%, 0.1);
  --white-semitransparent: hsla(0, 0%, 100%, 0.5);
  --white-transparent: hsla(0, 0%, 100%, 0);
  --white-smoke: hsla(0, 0%, 98%, 0.9);
  --white-text: hsl(0, 0%, 100%);
  --grunge-white: hsl(0, 0%, 77%);
  --default-white: hsl(240, 4%, 95%);
  --stinky-white: hsl(0, 0%, 98%);

  /* Blacks */

  --black: hsl(0, 0%, 0%);
  --off-black: hsl(0, 0%, 19%);
  --black-text: hsl(0, 0%, 13%);
  --black-transparent: hsla(0, 0%, 0%, 0);
  --black-semitransparent: hsla(0, 0%, 0%, 0.5);
  --black-overlay: hsla(0, 0%, 0%, 0.1);
  --black-shadow: hsla(0, 0%, 0%, 0.1);

  /* Greys */

  --email-alert-gray: hsl(55, 63%, 93%);
  --light-gray: hsl(0, 0%, 98%);
  --semi-gray: hsl(0, 0%, 53%);
  --semi-gray--darker: hsl(0, 0%, 43%);
  --semi-light-gray: hsl(0, 0%, 80%);
  --gray: hsl(0, 0%, 27%);
  --disabled-gray: hsl(0, 0%, 47%);

  /* Blues */

  --light-blue: hsl(206, 54%, 95%);
  --light-blue--transparent: hsla(206, 54%, 95%, 0);
  --blue: darkblue;
  --blue-text: var(--blue);
  --blue-transparent: hsla(209, 71%, 40%, 0);
  --blue-almost-transparent: hsla(209, 71%, 40%, 0.1);
  --blue-shadow: var(--blue-almost-transparent);
  --blue-border: hsla(209, 71%, 40%, 0.2);
  --blue-border--heavy: hsla(209, 71%, 40%, 0.4);
  --blue-gradient: linear-gradient(to bottom, var(--light-blue--transparent) 0%, var(--light-blue) 100%);

  /* Oranges */

  --orange: maroon;
  --orange-transparent: hsla(16, 94%, 57%, 0);
  --orange-shadow: hsla(16, 94%, 57%, 0.2);

  /* BORDERS */

  --thin-light-grey-border: 1px solid var(--light-gray);
  --thin-grey-border: 1px solid var(--semi-light-gray);
  --shadow: 0 1px 0 0 var(--black-shadow);

  /* TEXT */

  /* Font sizes */

  --text-smallest: 8px;
  --text-smaller: 10px;
  --text-small: 12px;
  --text-medium: 14px;
  --text-normal: 16px;
  --text-normaler: 19px;
  --text-big: 18px;
  --text-bigger: 20px;
  --text-big-title: 24px;
  --text-biggest: 26px;
  --text-huge: 30px;
  --text-massive: 40px;
  --text-small--faq: 13.3px;

  /* Line-heights */

  --lh-08: 0.8;
  --lh-1: 1;
  --lh-112: 1.125;
  --lh-114: 1.1428;
  --lh-116: 1.16;
  --lh-118: 1.18;
  --lh-120: 1.2;
  --lh-125: 1.25;
  --lh-128: 1.2857;
  --lh-133: 1.33;
  --lh-135: 1.35;
  --lh-14: 1.4;
  --lh-15: 1.5;
  --lh-160: 1.6;
  --lh-17: 1.714;

  /* Font weights */

  --text-regular: 400;
  --text-light: 100;
  --text-semibold: 500;
  --text-demibold: 600;
  --text-bold: bold;

  /* Letter spacings */

  --lsp-increased: 0.1px;

  /* Text shadows */
  --light-text-shadow: 0 1px 0 var(--black-shadow);
}