/* ============================================
 * Scale Config - 可配置的布局基础变量
 *
 * 用户可覆盖这些变量来自定义布局风格：
 * :root {
 *   --config-radius-default: 10px;  // 自定义默认圆角
 *   --config-spacing-4: 18px;       // 自定义 spacing-4
 * }
 * ============================================ */

:root {
  /* ============================================
     Spacing 配置 (Tailwind 兼容)
     ============================================ */
  --config-spacing-unit: 4px;        /* 基础单位 */
  --config-spacing-0: 0;
  --config-spacing-px: 1px;
  --config-spacing-0\.5: 2px;
  --config-spacing-1: 4px;
  --config-spacing-1\.5: 6px;
  --config-spacing-2: 8px;
  --config-spacing-2\.5: 10px;
  --config-spacing-3: 12px;
  --config-spacing-3\.5: 14px;
  --config-spacing-4: 16px;
  --config-spacing-5: 20px;
  --config-spacing-6: 24px;
  --config-spacing-7: 28px;
  --config-spacing-8: 32px;
  --config-spacing-9: 36px;
  --config-spacing-10: 40px;
  --config-spacing-11: 44px;
  --config-spacing-12: 48px;
  --config-spacing-14: 56px;
  --config-spacing-16: 64px;
  --config-spacing-20: 80px;
  --config-spacing-24: 96px;
  --config-spacing-28: 112px;
  --config-spacing-32: 128px;
  --config-spacing-36: 144px;
  --config-spacing-40: 160px;
  --config-spacing-44: 176px;
  --config-spacing-48: 192px;
  --config-spacing-52: 208px;
  --config-spacing-56: 224px;
  --config-spacing-60: 240px;
  --config-spacing-64: 256px;
  --config-spacing-72: 288px;
  --config-spacing-80: 320px;
  --config-spacing-96: 384px;

  /* ============================================
     Radius 配置
     ============================================ */
  --config-radius-none: 0;
  --config-radius-sm: 4px;
  --config-radius-default: 6px;
  --config-radius-md: 6px;
  --config-radius-lg: 8px;
  --config-radius-xl: 12px;
  --config-radius-2xl: 16px;
  --config-radius-3xl: 24px;
  --config-radius-full: 9999px;

  /* ============================================
     Font Size 配置
     ============================================ */
  --config-font-size-xs: 12px;
  --config-font-size-xs-lh: 16px;
  --config-font-size-sm: 14px;
  --config-font-size-sm-lh: 20px;
  --config-font-size-base: 14px;
  --config-font-size-base-lh: 20px;
  --config-font-size-lg: 16px;
  --config-font-size-lg-lh: 24px;
  --config-font-size-xl: 18px;
  --config-font-size-xl-lh: 24px;
  --config-font-size-2xl: 20px;
  --config-font-size-2xl-lh: 24px;
  --config-font-size-3xl: 24px;
  --config-font-size-3xl-lh: 28px;
  --config-font-size-4xl: 30px;
  --config-font-size-4xl-lh: 32px;
  --config-font-size-5xl: 36px;
  --config-font-size-5xl-lh: 36px;
  --config-font-size-6xl: 48px;
  --config-font-size-6xl-lh: 1;
  --config-font-size-7xl: 60px;
  --config-font-size-7xl-lh: 1;
  --config-font-size-8xl: 72px;
  --config-font-size-8xl-lh: 1;
  --config-font-size-9xl: 96px;
  --config-font-size-9xl-lh: 1;

  /* ============================================
     Control Rhythm 配置
     Semantic tokens for form controls and action buttons.
     ============================================ */
  --config-control-height-sm: 28px;
  --config-control-height-md: 32px;
  --config-control-height-lg: 36px;
  --config-control-padding-x-sm: 8px;
  --config-control-padding-x-md: 10px;
  --config-control-padding-x-lg: 12px;
  --config-control-padding-y-sm: 2px;
  --config-control-padding-y-md: 4px;
  --config-control-padding-y-lg: 6px;
  --config-control-icon-size-sm: 28px;
  --config-control-icon-size-md: 32px;
  --config-control-icon-size-lg: 36px;
  --config-control-icon-padding-sm: 6px;
  --config-control-icon-padding-md: 7px;
  --config-control-icon-padding-lg: 8px;
  --config-control-text-padding-x: 0;
  --config-control-text-padding-y: 2px;
  --config-select-item-height: 32px;
  --config-select-item-padding-x: 8px;
  --config-textarea-min-height-sm: 56px;
  --config-textarea-min-height-md: 72px;
  --config-textarea-min-height-lg: 88px;

  /* ============================================
     Motion 配置
     ============================================ */
  --config-motion-duration-fast: 150ms;
  --config-motion-duration-base: 200ms;
  --config-motion-duration-slow: 300ms;
  --config-motion-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --config-motion-ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
  --config-motion-ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* ============================================
     Motion Multiplier (preset 可覆盖，<1 更快，>1 更慢)
     ============================================ */
  --config-motion-multiplier: 1;

  /* ============================================
     Border Width 配置
     ============================================ */
  --config-border-width: 1px;
  --config-border-width-thick: 2px;

  /* ============================================
     Font Family 配置
     ============================================ */
  --config-font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --config-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}