/* ============================================================
   DESIGN SYSTEM — DRIVEN CO.
   ============================================================ */
:root {
  --black:       #f8f8f8;
  --white:       #0a0a0a;
  --grey-100:    #f0f0f0;
  --grey-200:    #d8d8d8;
  --grey-400:    #888888;
  --grey-600:    #555555;
  --grey-800:    #ebebeb;
  --accent:      #c8a96e;          /* warm gold — used sparingly */
  --danger:      #d0392b;

  --font:        'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);

  --nav-h:       64px;
  --max-w:       1440px;
  --gutter:      clamp(20px, 5vw, 80px);
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font);
  background: var(--black);
  color: var(--white);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a  { color: inherit; text-decoration: none; }
button { font-family: var(--font); border: none; background: none; }
input, textarea { font-family: var(--font); }

/* ── Custom cursor (disabled) ── */
#cursor { display: none; }

/* ── Page router ── */
.page { display: none; min-height: 100vh; }
.page.active { display: block; }