/* Spacing, radii, borders, shadows, motion.
   Radii + shadows from Figma Variables (absolute/radius-*, md-shadow-*, xs-*). */
:root{
  /* spacing (Figma absolute/*) */
  --space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;
  /* web layout */
  --page-gutter:20px;         /* frame inset on 1440 page */
  --page-width:1440px;
  --frame-inset:25px;         /* brand-book corner marks / logo inset */

  /* radii — marketing is square (0). Product UI uses the Figma scale. */
  --radius-none:0;
  --radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;
  --radius-pill-status:11px;  /* analysis status pill */
  --radius-blob:266px;        /* large rounded placeholder on web */

  /* borders */
  --hairline:1px;
  --hairline-fine:0.5px;

  /* shadows (product only — marketing is flat) */
  --shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,0.22),0 2px 4px -2px rgba(0,0,0,0.1);
  --ring-focus:0 0 0 3px var(--app-focus-ring);
  --ring-focus-error:0 0 0 3px var(--app-focus-ring-error);

  /* motion */
  --ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:480ms; /* @kind other */
}