@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
@import "tailwindcss";

@theme {
  --color-night: #0b0f17;
  --color-night-soft: #141c2e;
  --color-copper: #f97316;
  --color-copper-soft: #fdba74;
  --color-copper-dim: rgba(249, 115, 22, 0.12);
  --color-ink: #1d1d1f;
  --color-paper: #fafafa;
  --font-family-sans: 'Inter', system-ui, sans-serif;
  --font-family-mono: 'JetBrains Mono', monospace;
  --max-width-content: 980px;
  --max-width-prose: 720px;
}

html { font-family: 'Inter', system-ui, sans-serif; background: var(--color-night); color: #e2e8f0; scroll-behavior: smooth; }
::selection { background: var(--color-copper); color: white; }
* { box-sizing: border-box; }