/* Soulistic Vibes design tokens.
 * Open Props-compatible names, kept local so the public site has no runtime
 * dependency on a third-party CSS CDN. Fluid values follow a Utopia-style scale.
 */
:root {
  --font-size-fluid-0: clamp(.84rem, .8rem + .18vw, .96rem);
  --font-size-fluid-1: clamp(1rem, .94rem + .28vw, 1.18rem);
  --font-size-fluid-2: clamp(1.22rem, 1.08rem + .62vw, 1.62rem);
  --font-size-fluid-3: clamp(1.58rem, 1.25rem + 1.45vw, 2.5rem);
  --font-size-fluid-4: clamp(2.1rem, 1.48rem + 2.8vw, 3.9rem);
  --font-size-fluid-5: clamp(3rem, 1.55rem + 6.1vw, 7rem);

  --size-fluid-1: clamp(.75rem, .65rem + .45vw, 1rem);
  --size-fluid-2: clamp(1rem, .8rem + .85vw, 1.5rem);
  --size-fluid-3: clamp(1.5rem, 1.05rem + 1.8vw, 2.5rem);
  --size-fluid-4: clamp(2rem, 1.2rem + 3.4vw, 4rem);
  --size-fluid-5: clamp(3rem, 1.35rem + 6.8vw, 7rem);
  --size-fluid-6: clamp(4.5rem, 2rem + 10vw, 10rem);

  --ease-out-5: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out-3: cubic-bezier(.65, 0, .35, 1);
  --shadow-3: 0 12px 30px -18px rgb(1 51 73 / .28);
  --shadow-5: 0 28px 70px -30px rgb(1 34 49 / .38);
  --shadow-6: 0 45px 110px -45px rgb(1 34 49 / .48);
}