/* General */
:root {

  /* Fonts*/
  --primary-font: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
  --secondary-font: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
  --third-font: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;

  /* Colors */
  --primary: #0060fe;
  --gold: #FFB830;
  --dark: #0b0c1b;
  --semi-dark: #1a1b2e;
  --semi-dark-2: #212235;
  --text-gray: #9193a8;
  --red: #ec625f;
  --border: #e2e9ee;
  --light: #f4f8fb;


  /* Theme Variables */
  --primary-blue: #3b82f6;
  --dark-blue: #1d4ed8;
  --navy-blue: #192750;
  --light-blue: #60a5fa;
  --very-light-blue: rgba(59, 130, 246, 0.1);
  --orange: #ff6b35;
  --light-orange: #ff8e63;
  --white: #f5f5f5;
  --gray-700: rgba(245, 245, 245, 0.7);
  --gray-100: #f3f5f7;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --bg-dark: #121212;
  --bg-light: #f5f8ff;
  --bg-card: rgba(255, 255, 255, 0.03);
  --border-light: rgba(255, 255, 255, 0.05);

}

html {
  font-family: var(--secondary-font);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  overflow-x: hidden;
  cursor: default;
  background-color: var(--dark);
}

/*------------------------------------------------------*/