/* NOX — design tokens. Sleek minimal night lounge: near-black + single cool jade accent. */
:root {
  /* base ramp — near-black with a cool tint */
  --bg:        #0a0b0c;
  --bg-2:      #0d0f10;
  --elevated:  #111416;
  --surface:   #161a1c;
  --surface-2: #1c2123;
  --line:      rgba(143, 208, 197, 0.10);
  --line-2:    rgba(143, 208, 197, 0.18);

  /* single cool accent — muted jade / teal */
  --accent:      #6fb3a8;
  --accent-light:#8fd0c5;
  --accent-deep: #3c5d57;
  --accent-glow: rgba(111, 179, 168, 0.22);

  /* ink */
  --ink:    #e9eeec;
  --ink-2:  #9aa6a3;
  --ink-3:  #626e6b;

  /* type — modern sans, no serif */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* scale */
  --text-hero:  clamp(3rem, 9vw, 7rem);
  --text-h1:    clamp(2.2rem, 5vw, 3.6rem);
  --text-h2:    clamp(1.6rem, 3.2vw, 2.4rem);
  --text-h3:    clamp(1.15rem, 2vw, 1.4rem);
  --text-body:  1rem;
  --text-sm:    0.85rem;
  --text-eyebrow: 0.72rem;

  /* spacing */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  2rem;
  --sp-lg:  4rem;
  --sp-xl:  6rem;
  --sp-2xl: 9rem;

  /* radius + motion */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.25s;
  --t-med:  0.5s;
  --t-slow: 0.9s;

  --nav-h: 72px;
  --maxw: 1240px;
}