/* lift. — design tokens. Uniswap pink family, anchored to the logo's #F10376. */
:root{
  /* base — a faint magenta cast in the dark so pink sits in it, not on it */
  --ink:        #08050a;
  --ink-2:      #0b070d;
  --ink-3:      #110b14;
  --paper:      #f6eef4;
  --paper-dim:  rgba(246,238,244,.64);
  --paper-mute: rgba(246,238,244,.44);

  /* accents */
  --pink:       #ff2d8e;   /* primary accent, readable on dark */
  --pink-deep:  #f10376;   /* the logo pink */
  --pink-lite:  #ff8acb;   /* gradient head + glows */
  --magenta:    #fc72ff;   /* Uniswap neon */
  --violet:     #a457ff;
  --blue:       #4c82fb;
  --amber:      #ffb84d;
  --burn:       #ff5a5a;

  /* glass */
  --glass-bg:      rgba(255,255,255,.05);
  --glass-bg-2:    rgba(255,255,255,.085);
  --glass-rim:     rgba(255,255,255,.11);
  --glass-rim-lit: rgba(255,255,255,.24);
  --glass-blur:    blur(22px) saturate(170%);
  --glass-shadow:
      0 1px 0 0 rgba(255,255,255,.08) inset,
      0 -1px 0 0 rgba(0,0,0,.3) inset,
      0 22px 60px -24px rgba(0,0,0,.85),
      0 2px 10px -4px rgba(0,0,0,.6);

  /* ambient tint driven by the section in view */
  --tint:      255 45 142;
  --tint-soft: rgba(255,45,142,.14);

  /* type */
  --font-display: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* rhythm */
  --wrap: 1180px;
  --gut: 28px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;

  --ease: cubic-bezier(.22,.68,.28,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}

@media (max-width: 760px){ :root{ --gut: 18px; } }