/* Flowfl — "Soft fluid" brand tokens */
:root {
  /* Color */
  --paper: #E8ECEB;        /* limestone blue-grey */
  --card: #F5F7F6;         /* card white */
  --ink: #13222B;          /* deep slate */
  --ink-2: #1D313B;        /* slate, lifted */
  --muted: #5C6B72;
  --aqua: #3D7F86;         /* aqua patina */
  --aqua-ink: #2C656B;     /* aqua for small text on light grounds (AA) */
  --aqua-lite: #8FC3C6;    /* meniscus / on-slate accent */
  --tint: #CFE0E0;         /* soft aqua tint */
  --tint-2: #DDE9E8;
  --line: rgba(19, 34, 43, 0.12);
  --line-strong: rgba(19, 34, 43, 0.22);
  --on-ink: #E8ECEB;
  --on-ink-muted: #A9B8BD;

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display: clamp(3.05rem, 1.35rem + 6.4vw, 8.6rem);
  --fs-h1: clamp(2.8rem, 1.5rem + 4.8vw, 6.4rem);
  --fs-h2: clamp(2.2rem, 1.45rem + 3.1vw, 4.5rem);
  --fs-h3: clamp(1.4rem, 1.18rem + 0.75vw, 1.9rem);
  --fs-lede: clamp(1.1rem, 1rem + 0.42vw, 1.32rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-micro: 0.8125rem;

  /* Shape */
  --r-xs: 14px;
  --r-sm: 20px;
  --r-md: 28px;
  --r-lg: 36px;
  --r-xl: 48px;
  --r-pill: 999px;

  /* Space */
  --inset: clamp(8px, 1.3vw, 22px);
  --gutter: clamp(20px, 5.2vw, 92px);
  --maxw: 1280px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 140px;
  --pool-pad: clamp(72px, 9.5vw, 150px);

  /* Depth */
  --shadow-soft: 0 1px 2px rgba(19, 34, 43, 0.04), 0 14px 28px -16px rgba(19, 34, 43, 0.14), 0 48px 90px -48px rgba(19, 34, 43, 0.30);
  --shadow-float: 0 2px 6px rgba(19, 34, 43, 0.06), 0 30px 60px -28px rgba(19, 34, 43, 0.38), 0 80px 140px -70px rgba(19, 34, 43, 0.35);
  --shadow-glow: 0 10px 34px -10px rgba(61, 127, 134, 0.65);

  /* Motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur: 1.1s;
}