/* ===== RESET & BASE ===== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg:           #0a0a0f;
  --surface:      rgba(12,14,28,0.72);
  --ink:          #e8e4f0;
  --text:         #b0accc;
  --red:          #D64045;
  --blue:         #829bd7;
  --border:       rgba(130,155,215,0.18);
  --muted:        #6b6888;
  --amber:        #c8a96e;
  --max-w:        1100px;
  --max-w-text:   860px;
  --header-h:     64px;
  --transition:   .22s ease;
}

html { scroll-behavior: smooth; }

body {
  font-family: "DM Sans", "Segoe UI", system-ui, sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.65;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

#bg-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }