/* The brand is squared off: no radii on UI surfaces, no drop shadows. The only
   curve in the system is the logo's own "S". Motion is a short fade. */
:root{
  --radius-none:0px;
  --radius-field:0px;
  --radius-swatch:4px;      /* CI datasheet colour chips only */
  --radius-brand:16px;      /* CI book "small example box" */

  --shadow-none:none;
  --shadow-flyout:0 2px 14px rgba(0,0,0,.18);
  --shadow-dropdown:0 2px 6px rgba(0,0,0,.12);

  --ease:cubic-bezier(.4,0,.2,1);   /* @kind other */
  --dur-fast:150ms;                 /* @kind other */
  --dur:250ms;                      /* @kind other */
  --dur-slow:400ms;                 /* @kind other */
  --transition-hover:background-color 250ms cubic-bezier(.4,0,.2,1),color 250ms cubic-bezier(.4,0,.2,1),opacity 250ms cubic-bezier(.4,0,.2,1); /* @kind other */

  --underline-w:2px;                /* @kind spacing */
  --focus-ring:0 0 0 2px #5FAEDF;   /* @kind shadow */
}