:root {
  /* selenized  dark colors  */
  --bg-0: #103c48;
  --bg-1: #184956;
  --bg-2: #2d5b69;
  --dim-0: #72898f;
  --fg-0: #adbcbc;
  --fg-1: #cad8d9;

  --red: #fa5750;
  --green: #75b938;
  --yellow: #dbb32d;
  --blue: #4695f7;
  --magenta: #f275be;
  --cyan: #41c7b9;
  --orange: #ed8649;
  --violet: #af88eb;

  --br-red: #ff665c;
  --br-green: #84c747;
  --br-yellow: #ebc13d;
  --br-blue: #58a3ff;
  --br-magenta: #ff84cd;
  --br-cyan: #53d6c7;
  --br-orange: #fd9456;
  --br-violet: #bd96fa;
  /* default glitch colors */
  --color-bg: #d7f5ef;
  --color-text-main: #000000;
  --color-text-header: #2800ff;
  --color-primary: #afece0;
  --wrapper-height: 85vh;
  --image-max-width: 320px;
  --font-family: "HK Grotesk";
  --font-family-header: "HK Grotesk";

  /* Feed Item Variables */
  --item-margin: 2rem;
  --item-bg: var(--bg-1);
  --content-width: 100%;
  --color-secondary: var(--cyan);
  --shadow-shape: 4px 4px;
  --color-shadow: rgba(0, 0, 0, 0.2);
  --content-padding: 1.5rem;
  --content-margin: 0;
  --border-radius: 8px;
  --accent: var(--br-blue);
}