:root {
  --background: 220 45% 4%;
  --foreground: 210 40% 98%;
  --primary: 217 91% 60%; /* Digital bright blue */
  --primary-foreground: 0 0% 100%;
  --secondary: 217 32% 12%; /* Navy dark */
  --secondary-foreground: 210 40% 98%;
  --muted: 217 19% 27%;
  --muted-foreground: 215 20% 65%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 217 19% 20%;
  --card: 220 40% 6%;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 14px 35px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.8);
  --transition-fast: 160ms ease;
  --transition-smooth: 280ms cubic-bezier(0.22, 1, 0.36, 1);
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.35rem;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: #030816;
  color: #f8fafc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

button, a {
  transition: transform var(--transition-smooth), box-shadow var(--transition-smooth), background-color var(--transition-fast);
}

/* Custom code preview styling */
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85rem;
}

/* Scrollbar customization */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #060e22;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}