:root {
  --font-family-heading: 'Poppins', sans-serif;
  --font-family-paragraph: Helvetica, sans-serif;
  --font-family-mono: monospace;
  --base-color: #01020e;
  --base-offset-color: #eaeaea;
  --highlight-color: #00a2e8;
  --heading-color: #d3d3d3;
  --text-color: #cdcdcd;
  --gradient-color-start: #01020e;
  --gradient-color-end: #00204a;
--acrylic-bg-color: rgba(15, 46, 67, 0.6);
  --card-bg-color: rgba(10, 10, 10, 0.6);
  --card-text-color: #ffffff;
  --link-hover-color: #4ca2ff;
  --code-bg-color: #1e1e1e;
  --code-border-color: #3c3c3c;
  --code-header-bg-color: #2d2d2d;
  --code-header-bg-hover-color: #404040;
  --button-outline-border-color: rgba(255, 255, 255, 0.3);
  --button-outline-hover-bg-color: rgba(25, 25, 25, 0.7);
  --button-outline-hover-border-color: rgba(255, 255, 255, 0.5);
  --button-active-bg-color: rgba(0, 162, 232, 0.7);
}