/* ============================================================
   dudu · 间距 / 圆角 / 控件尺寸令牌
   4px 基准网格；圆角偏圆润（呼应圆嘴 logo）；
   控件高度：桌面紧凑 28/36，移动触控 44/56。
   ============================================================ */

:root {
  /* 间距（4px 网格）*/
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* 圆角 */
  --radius-xs: 4px;    /* kbd、小标签 */
  --radius-sm: 6px;    /* 按钮、输入框、键帽 */
  --radius-md: 10px;   /* 菜单、小卡片 */
  --radius-lg: 14px;   /* 卡片、浮层 */
  --radius-xl: 20px;   /* 大容器、手机屏 */
  --radius-full: 999px;

  /* 控件高度 */
  --control-sm: 28px;  /* 桌面紧凑 */
  --control-md: 36px;  /* 桌面默认 */
  --control-lg: 44px;  /* 移动最小触控 */
  --control-xl: 56px;  /* 移动主操作 / 麦克风条 */
}