/* Everything is linework: 1px hairlines, no drop shadows. Depth comes from a line or
   a darker fill; only transient overlays (menus, dialogs) get a shadow. */
:root{
  --radius-base:4px;
  --radius-card:4px;
  --radius-chip:6px;
  --radius-plate:21px;
  --border-width:1px;
  --shadow-1:none;
  --shadow-overlay:0 4px 16px rgba(21,27,36,.08);

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-unit:8px;

  --row-height:34px;
  --row-height-comfort:40px;
  --tap-min:44px;
  --focus-ring:2px;
  --icon-stroke:1.5px;

  --motion-duration:120ms; /* @kind other */
  --motion-ease:ease-out; /* @kind other */

  --logo-step:16; /* @kind other */
  --logo-radius:4;
  --logo-icon-scale:1.35; /* @kind other */
  --logo-clear-space:0.5;
}