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

:root {
  --bg:   #0c0b0a;
  --fg:   #f4f0ea;
  --dim:  #5a5550;
  --line: #201e1b;

  /* accents — saturated & vibrant */
  --a1: #ff6b3d;   /* coral orange */
  --a2: #5b8df7;   /* electric blue */
  --a3: #3ecf8e;   /* vivid green */
  --a4: #f7c347;   /* warm yellow */
  --a5: #b56ef7;   /* violet */
  --acc: #ff6b3d;

  /* layout */
  --gap: clamp(60px, 8vw, 120px);
  --pad: clamp(24px, 5vw, 80px);
}

::selection { background: transparent; }

html {
  background: var(--bg);
  color: var(--fg);
  overflow-x: hidden;
  scroll-behavior: auto;
}

body {
  cursor: none;
  overflow-x: hidden;
  background: var(--bg);
}

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