/* ═══════════════════════════════════════════════════════════════
   base.css — Teh Tarik Digital · Base Reset & Body
   ═══════════════════════════════════════════════════════════════ */

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

/* ── BASE ───────────────────────────────────────────────────── */
html { scroll-behavior: smooth; }

body {
  background:   var(--bg);
  font-family:  var(--font-mono);
  color:        var(--text-primary);
  overflow-x:   hidden;
  min-height:   100vh;
}

/* Grid overlay */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(41, 121, 255, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(41, 121, 255, 0.032) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}