/* ===== RESET ===== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* ===== DESIGN TOKENS ===== */
:root {
  --black:   #09090E;
  --surface: #111118;
  --card:    #16161F;
  --border:  rgba(255,255,255,0.07);
  --white:   #F4F3EF;
  --muted:   rgba(244,243,239,0.45);
  --green:   #00E5A0;
  --green2:  #00C47F;
  --mono:    'Space Mono', monospace;
  --display: 'Syne', sans-serif;
  --body:    'DM Sans', sans-serif;
}

/* ===== BASE ===== */
body {
  background: var(--black);
  color: var(--white);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.6;
}