/* ==========================================================================
   SUNSET PARADISE (sunsetparadise.me) — Clean Shader Base
   ========================================================================== */

:root {
  /* 9-Stop Color Palette */
  --c-night: #0A0324;
  --c-violet: #6B00E0;
  --c-cyan: #008CFF;
  --c-orange: #FF610A;
  --c-lime: #C7F21F;
  --c-pink: #FF2D85;
  --c-mint: #2DEA66;
  --c-magenta: #D900FF;

  /* Fonts */
  --font-brand: 'Syncopate', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Outfit', sans-serif;
}

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

html, body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: var(--c-night);
  color: #ffffff;
  font-family: var(--font-body);
}

/* Fullscreen WebGL Canvas */
#gl-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  display: block;
}

/* Subtle grain and vignette are handled in-shader (shader.js display pass). */