/* PrecastFlow radii, spacing, shadows.
   fig-tokens.css exposes radius/spacing as UNITLESS floats (--radius-8: 8),
   consumed as calc(var(--radius-8) * 1px). These px-valued aliases are the
   convenient handles for hand-written CSS. Values transcribed from source. */

:root {
  /* Corner radii (px) */
  --pf-radius-4: 4px;
  --pf-radius-6: 6px;
  --pf-radius-8: 8px;
  --pf-radius-10: 10px;
  --pf-radius-12: 12px;
  --pf-radius-16: 16px;
  --pf-radius-20: 20px;
  --pf-radius-full: 999px;

  /* Spacing scale (px) — 4pt base */
  --pf-space-2: 2px;
  --pf-space-4: 4px;
  --pf-space-6: 6px;
  --pf-space-8: 8px;
  --pf-space-10: 10px;
  --pf-space-12: 12px;
  --pf-space-16: 16px;
  --pf-space-20: 20px;
  --pf-space-24: 24px;
  --pf-space-32: 32px;
  --pf-space-40: 40px;
  --pf-space-48: 48px;

  /* Elevation — soft neutral shadows (base tint rgba(10,13,20,x)) */
  --pf-shadow-xs: 0 1px 2px 0 rgba(10,13,20,0.03);
  --pf-shadow-sm: 0 2px 4px 0 rgba(10,13,20,0.03);
  --pf-shadow-md: 0 16px 32px -12px rgba(14,18,27,0.10);
  --pf-shadow-lg: 0 16px 40px -8px rgba(14,18,27,0.16);
  /* Inset "button" border used on filled controls */
  --pf-shadow-button: 0 1px 2px 0 rgba(10,13,20,0.03);
  /* Focus ring */
  --pf-focus-ring: 0 0 0 2px var(--bg-white-0), 0 0 0 4px var(--primary-alpha-10);
}

/* Skeleton shimmer (Placeholder component) */
@keyframes pf-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }