/**
 * EFFECTS TOKENS — Boost Ressources
 * Radii, shadows, motion, blur. The brand's rounded wordmark and circular
 * product mark set the tone: generous radii, soft ink-tinted shadows
 * (never pure black), pill-shaped buttons/tags.
 * ------------------------------------------------------------------ */
:root {
  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Shadows — tinted with brand ink instead of flat black */
  --shadow-sm: 0 1px 2px oklch(35.97% 0.0235 306.09 / 0.08), 0 1px 1px oklch(35.97% 0.0235 306.09 / 0.05);
  --shadow-md: 0 6px 16px oklch(35.97% 0.0235 306.09 / 0.10), 0 2px 6px oklch(35.97% 0.0235 306.09 / 0.06);
  --shadow-lg: 0 16px 40px oklch(35.97% 0.0235 306.09 / 0.16), 0 6px 12px oklch(35.97% 0.0235 306.09 / 0.08);
  --shadow-focus: 0 0 0 4px oklch(53.28% 0.2038 270.92 / 0.35);
  --shadow-focus-danger: 0 0 0 4px oklch(58.00% 0.1900 25.00 / 0.35);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 360ms; /* @kind other */

  /* Blur (glass/scrim usage — sparingly, see Visual Foundations) */
  --blur-sm: 8px;
  --blur-md: 16px;
}