/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600;800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&display=swap');

:root {
  --color-bg: #0b0f17;
  --color-accent: #06b6d4;
  --color-accent-glow: rgba(6, 182, 212, 0.4);
}

html {
  scroll-behavior: smooth;
  color-scheme: dark;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--color-bg);
  color: #e2e8f0;
  overflow-x: hidden;
}

/* Serif headers for elegant contrast as specified in requirements */
.font-serif-title {
  font-family: 'Newsreader', 'Cinzel', Georgia, serif;
}

/* Monospace font for brand and terminal elements */
.font-brand {
  font-family: 'JetBrains Mono', monospace;
}

/* Terminal blinking cursor */
.terminal-cursor {
  display: inline-block;
  animation: terminalBlink 1s infinite steps(1);
}

@keyframes terminalBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

/* Custom subtle glows */
.text-glow {
  text-shadow: 0 0 20px var(--color-accent-glow), 0 0 40px rgba(6, 182, 212, 0.2);
}

.box-glow {
  box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.15);
}

.box-glow:hover {
  box-shadow: 0 14px 40px -10px rgba(6, 182, 212, 0.3);
}

/* Glassmorphism card surfaces */
.glass-panel {
  background: rgba(18, 24, 38, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-panel:hover {
  border-color: rgba(6, 182, 212, 0.35);
}

/* Custom sleek scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #080c14;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #06b6d4;
}