:root{
  /* Corners: pill for actions, near-square for everything structural */
  --radius-0:0px;
  --radius-1:2px;
  --radius-2:4px;
  --radius-card:6px;
  --radius-pill:999px;

  /* Borders */
  --border-w:1px; /* @kind spacing */
  --border-w-strong:2px; /* @kind spacing */
  --border-w-slab:4px; /* @kind spacing */

  /* The "depth" system: hard offset slabs, never soft blur */
  --depth-offset:4px; /* @kind spacing */
  --depth-offset-lg:8px; /* @kind spacing */
  --shadow-depth:var(--depth-offset) var(--depth-offset) 0 0 var(--sm-rust);
  --shadow-depth-lg:var(--depth-offset-lg) var(--depth-offset-lg) 0 0 var(--sm-rust);
  --shadow-depth-ink:var(--depth-offset) var(--depth-offset) 0 0 var(--sm-ink);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

  /* Protection gradient for type over imagery */
  --scrim-bottom:linear-gradient(to top,rgba(13,13,13,.92) 0%,rgba(13,13,13,.55) 45%,rgba(13,13,13,0) 100%); /* @kind other */
  --scrim-flat:rgba(13,13,13,.6);

  /* Motion: fast, blunt, slightly overshooting */
  --ease-blunt:cubic-bezier(.2,.9,.25,1); /* @kind other */
  --ease-snap:cubic-bezier(.34,1.56,.64,1); /* @kind other */
  --dur-fast:90ms; /* @kind other */
  --dur:160ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
  --marquee-dur:26s; /* @kind other */

  /* Rotation tokens - stickers and tags sit off-axis */
  --tilt-sm:-1.5deg; /* @kind other */
  --tilt:-3deg; /* @kind other */
  --tilt-alt:2.5deg; /* @kind other */

  --blur-glass:blur(6px); /* @kind other */
}