/* ============================================================================
   AWAQN — SPACING, RADII & LAYOUT TOKENS
   0.25rem base scale (matches the PWA --spacing). Radii harvested from the app:
   spatial 32 / inner 16 / lg .5625rem.
   ============================================================================ */

:root {
  /* Spacing scale (0.25rem base) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;   /* section rhythm on the funnel */

  /* Radii */
  --radius-pill:    9999px;
  --radius-spatial: 32px;   /* large glass cards / hero panels */
  --radius-inner:   16px;   /* nested elements */
  --radius-lg:      0.5625rem;
  --radius-md:      0.375rem;

  /* Layout */
  --container-max: 72rem;   /* 1152px — content max width */
  --container-pad: clamp(1.25rem, 0.8rem + 2vw, 3rem);
  --section-gap:   var(--space-32);

  /* Motion (the PWA's spring + slow ambient language) */
  --ease-spring:    cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --dur-fast:       0.2s;   /* @kind other */
  --dur-base:       0.35s;  /* @kind other */
  --dur-slow:       0.6s;   /* @kind other */
  --dur-ambient:    240s;   /* @kind other */
}