/* Vessa Curl House — design tokens. Dark Luxe, bent soft: aubergine, ivory, rose gold, lamp glow. */
:root {
  --bg: #1d1418;
  --bg-2: #241a1e;
  --bg-3: #2e2127;
  --ink: #f2e6dc;
  --ink-2: #cdbcb1;
  --ink-3: #a8958b;
  --accent: #d6a48b;
  --accent-2: #e8c3ae;
  --mulberry: #6e3b4e;
  --line: rgba(242, 230, 220, .14);
  --line-2: rgba(214, 164, 139, .38);
  --glow: 0 0 0 1px rgba(214, 164, 139, .22), 0 30px 90px -20px rgba(214, 164, 139, .38);
  --glow-sm: 0 0 0 1px rgba(214, 164, 139, .2), 0 18px 50px -18px rgba(214, 164, 139, .32);

  --font: "Urbanist", "Helvetica Neue", Arial, sans-serif;
  --w-thin: 200;
  --w-light: 300;
  --w-reg: 400;
  --w-med: 500;

  --fs-hero: clamp(2.9rem, 1.6rem + 5.4vw, 6.6rem);
  --fs-h2: clamp(2.2rem, 1.4rem + 3.2vw, 4.4rem);
  --fs-h3: clamp(1.45rem, 1.2rem + .9vw, 2rem);
  --fs-lead: clamp(1.08rem, 1rem + .35vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: .92rem;
  --fs-label: .74rem;

  --track-label: .24em;
  --track-tight: -.015em;

  --gutter: clamp(20px, 5vw, 48px);
  --max: 1320px;
  --pad: clamp(64px, 10vw, 128px);
  --r-lg: 32px;
  --r-md: 22px;
  --r-pill: 999px;
  --bar: 68px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}