/* Radii, borders and elevation, read off the source frames.
   The system is border-first: hairlines and inset rings, almost no drop shadows. */
:root{
  --radius-1:1px;    /* icon-sized clips */
  --radius-5:5px;
  --radius-8:8px;    /* btn / size=sm */
  --radius-10:10px;  /* btn / type=primary size=md */
  --radius-12:12px;  /* btn / size=md (secondary, tertiary, ghost) */
  --radius-14:14px;  /* btn / size=lg, 48px icon button */
  --radius-16:16px;  /* 56px-tall promo button */
  --radius-24:24px;  /* inner spec panel */
  --radius-32:32px;  /* spec card */
  --radius-40:40px;  /* spec sheet */
  --radius-43:43px;  /* kiosk pill (mode toggle, language chip) */
  --radius-64:64px;
  --radius-80:80px;
  --radius-full:9999px;

  --border-hairline:1px solid var(--line-normal); /* @kind other */
  --border-neutral:1px solid var(--line-neutral); /* @kind other */
  --ring-neutral:inset 0 0 0 1px var(--line-neutral);
  --ring-hairline:inset 0 0 0 1px var(--line-normal);
  --rule-heavy:4px; /* @kind spacing */  /* the black section rule under every spec heading */

  /* The only elevation in the source: a 1px inset ring on the outermost sheet. */
  --elevation-0:none; /* @kind shadow */
  --elevation-sheet:inset 0 0 0 1px rgba(0,0,0,0.1);

  --icon-size:32px; /* @kind spacing */
  --icon-stroke:1.5; /* @kind other */

  --motion-fast:120ms; /* @kind other */
  --motion-base:180ms; /* @kind other */
  --motion-slow:280ms; /* @kind other */
  --ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
}