:root {
  --primary: #ff0044;
  --secondary: #00d3ff;

  --radius: 6px;
  --outline: #272329;
  --border: #00000005;
  --card-background: #272329;
  --hover: #353135;
  --shadow: #0000001f;
  --brightness: brightness(100);

  --text: #ffffff;
  --background: #18141a;
  --dark-background: #18141a;
  --error: #ffb208;

  --light-gray: #ededed;
  --gray: #676370;
  --dark-gray: #272329;
  --darker-gray: #272329;

  --light-green: #d1eee6;
  --green: #30d7a9;
  --dark-green: #2e7d32;

  --light-red: #ff9990;
  --red: #ff0044;
  --dark-red: #9f101d;

  --yellow: #f2be24;

  --orange: #ef6c00;

  --light-blue: #00d3ff;
  --blue: #1976d2;

  --purple: #3e396b;
  --dark-purple: #5d5890;

  --footer-text: #8f919a;

  --navbar-height: 94px;
  --footer-height: 80px;

  --font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif;

  --gradient: linear-gradient(var(--background), var(--dark-background));
}

@media (max-width: 768px) {
  :root {
    --navbar-height: 74px;
  }
}
