:root {
  --text: #6b6375;
  --text-h: #08060d;
  --bg: #0b0c10;
  --border: #1e2030;
  --code-bg: #13141a;
  --accent: #a855f7;
  --accent-bright: #c084fc;
  --accent-bg: rgba(168, 85, 247, 0.1);
  --accent-border: rgba(168, 85, 247, 0.4);
  --social-bg: rgba(30, 32, 48, 0.5);
  --shadow: rgba(0, 0, 0, 0.5) 0 10px 30px -5px;

  --sans: system-ui, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'Cascadia Code', Consolas, monospace;

  font: 15px/150% var(--sans);
  letter-spacing: 0.1px;
  color-scheme: dark;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  overflow: hidden;
}

#root {
  width: 100%;
  height: 100svh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

h1, h2 { margin: 0; font-weight: 500; color: var(--text-h); }
p { margin: 0; }

code {
  font-family: var(--mono);
  font-size: 13px;
  padding: 2px 6px;
  background: var(--code-bg);
  border-radius: 4px;
  color: var(--accent-bright);
}