:root{
  --radius-control:5px;   /* buttons, inputs, cookie card, favicon plate */
  --radius-pill:30px;
  --radius-round:50%;

  --hairline:0.5px;
  --border-hairline:var(--hairline) solid var(--rule);
  --border-field:1px solid var(--field-border);
  --border-accent:1px solid var(--accent);

  --shadow-card:0 0 4px 0 rgba(0,0,0,0.04),0 8px 16px 0 rgba(0,0,0,0.08);

  --motion-fast:150ms; /* @kind other */
  --motion-base:250ms; /* @kind other */
  --ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --transition-control:background-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),opacity var(--motion-base) var(--ease-standard);
}