/* Shared by every page: design tokens, reset, and base type.
   Each page sets its own body background in its own stylesheet. */

:root {
  --bg:        #0a0e1a;
  --bg-mid:    #0f1525;
  --panel:     rgba(255,255,255,0.04);
  --border:    rgba(255,255,255,0.08);
  --text:      #e8e4d8;
  --muted:     #8a8a8a;
  --accent:    #4fc3a1;
  --accent2:   #c8a96e;
  --danger:    #e84a4a;
  --mono:      'Space Mono', monospace;
  --serif:     'Nunito', sans-serif;
  --sans:      'Nunito', sans-serif;
  --display:   'Modak', cursive;
}

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

html { scroll-behavior: smooth; }

body {
  color: var(--text);
  font-family: var(--sans);
  font-weight: normal;
  line-height: 1.7;
}

footer {
  border-top: 1px solid var(--border);
  color: var(--muted);
}