@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
:root {
  --primary: #5C67F2;
  --primary-dark: #4A54E8;
  --primary-light: #7A82F5;
  --dark: #1F1F2E;
  --darker: #16161F;
  --secondary: #5FFBF1;
  --secondary-dark: #4DE8DD;
  --secondary-light: #7DFCF4;
  --light: #FFFFFF;
  --gray: #8B8FA3;
  --gray-light: #B8BCC7;
  --gray-dark: #4A4D5C;
  --success: #00D9FF;
  --warning: #FFB800;
  --error: #FF4757;
  --font-primary: 'Orbitron',monospace;
  --font-secondary: 'Inter',sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
  --gradient-tech: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  --shadow-sm: 0 2px 8px rgba(92, 103, 242, 0.1);
  --shadow-md: 0 4px 16px rgba(92, 103, 242, 0.15);
  --shadow-lg: 0 8px 32px rgba(92, 103, 242, 0.2);
  --shadow-xl: 0 16px 64px rgba(92, 103, 242, 0.25);
  --glow-primary: 0 0 20px rgba(92, 103, 242, 0.5);
  --glow-secondary: 0 0 20px rgba(95, 251, 241, 0.5);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease
}
.font-primary {
  font-family: var(--font-primary)
}
.font-secondary {
  font-family: var(--font-secondary)
}
.text-primary {
  color: var(--primary)
}
.text-secondary {
  color: var(--secondary)
}
.text-light {
  color: var(--light)
}
.text-gray {
  color: var(--gray-light)
}
.bg-primary {
  background-color: var(--primary)
}
.bg-dark {
  background-color: var(--dark)
}
.bg-darker {
  background-color: var(--darker)
}
.bg-gradient-primary {
  background: var(--gradient-primary)
}
.bg-gradient-tech {
  background: var(--gradient-tech)
}
.glow-primary {
  box-shadow: var(--glow-primary)
}
.glow-secondary {
  box-shadow: var(--glow-secondary)
}