/* Elevation.
   The Style Guide names 7 shadow levels (xxsmall, xsmall, small, medium, large, xlarge,
   xxlarge) but the .fig's effect styles did not resolve on export - only three concrete
   shadow values are recoverable from the file. Those three are exact; the levels marked
   UNRESOLVED alias to the nearest recovered value rather than inventing numbers.
   Ask a designer for the real values before relying on the middle of the scale. */
:root {
  --shadow-xxsmall: 0px 1px 2px 0px rgba(0,0,0,0.05);                                   /* exact */
  --shadow-xsmall: 0px 1px 3px 0px rgba(0,0,0,0.08), 0px 1px 2px 0px rgba(0,0,0,0.04);  /* exact */
  --shadow-small: var(--shadow-xsmall);      /* UNRESOLVED */
  --shadow-medium: var(--shadow-xsmall);     /* UNRESOLVED */
  --shadow-large: 0px 4px 4px 0px rgba(0,0,0,0.25);                                     /* exact */
  --shadow-xlarge: var(--shadow-large);      /* UNRESOLVED */
  --shadow-xxlarge: var(--shadow-large);     /* UNRESOLVED */

  /* Rings - how the kit actually draws almost every edge: an inset/spread 1px box-shadow
     rather than a CSS border, so it never affects layout.
     Since the no-borders pass these are button edges only - an outline
     button still needs one to be a button. Nothing that is a block,
     card, panel or chip should take a ring; it takes a tone. The kit's
     inset 1px variant went with the outlines it used to draw, and is
     deliberately not replaced - so a search for one finds nothing. */
  --ring-default: 0 0 0 1px var(--opacity-neutral-darkest-15);
  --ring-on-dark: 0 0 0 1px var(--opacity-white-20);
  --ring-primary: 0 0 0 1px var(--button-primary-ring);
}