/* v1.1 — CLOSED DECISION. Radii, borders, control sizes and shadow policy are
   no longer proposals: radius 0 by default, 2px on controls and captions, 4px on
   media frames over ivory, and no decorative shadows. */
:root{
  --js-radius-none:0px;
  --js-radius-hairline:2px;      /* controls, status captions — max 2px */
  --js-radius-media:4px;         /* media frames over ivory only — max 4px */
  --js-radius-pill:999px;        /* symbol wells, scroll indicator */
  --js-radius-circle:50%;        /* arc mask, monogram well */

  --js-gold-line-min:1px; /* @kind spacing */
  --js-gold-line-max:2px; /* @kind spacing */
  --js-border-hairline:1px; /* @kind spacing */
  --js-border-emphasis:2px; /* @kind spacing */

  /* No decorative shadows. Only functional separation for the drawer and
     indispensable overlays. */
  --js-shadow-none:none;
  --js-shadow-drawer:-24px 0 64px rgba(0,0,0,.56);

  --js-control-height:48px; /* @kind spacing */
  --js-control-height-sm:44px; /* @kind spacing */ /* never below the 44px interactive floor */
  --js-control-height-touch:56px; /* @kind spacing */
  --js-control-padding-inline:28px; /* @kind spacing */
  --js-focus-ring-width:2px; /* @kind spacing */
  --js-focus-ring-offset:3px; /* @kind spacing */
  --js-hit-area-min:44px; /* @kind spacing */
}