/* Shared base styles for the whole site: design tokens, reset, base typography.
   Loaded by every page before its own page-specific <style> block, so pages can
   override anything here. Change brand colors, fonts, or background once, here. */

:root {
  --bg: #0d1117;
  --bg-soft: #111827;
  --card: #151b29;
  --border: #1f2937;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --accent: #34d399;
  --accent-2: #60a5fa;
  --max: 1080px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}