/**
 * 固定尺寸 token
 * 
 *
 * 注：这些是不应通过 Tailwind 缩放变化的硬尺寸（如按钮高度、对话框宽度）
 */
:root {
  /* 按钮 */
  --button-height: 48px;
  --button-height-lg: 56px;

  /* Splash Facebook 登录按钮 */
  --splash-facebook-button-height: 56px;
  --splash-facebook-button-radius: 28px;

  /* PWA 按钮 */
  --pwa-button-height: 44px;

  /* 对话框 */
  --dialog-max-width: 360px;
  --pwa-install-dialog-max-width: 360px;
  --pwa-install-container-size: 64px;

  /* 列表项 */
  --item-height: 56px;

  /* 消息气泡 */
  --bubble-min-width: 60px;
  --bubble-max-width: 280px;
  --bubble-min-height: 36px;

  /* 聊天媒体 */
  --chat-media-max-width: 240px;
  --chat-media-max-height: 240px;

  /* ==================== Auth 页尺寸（与 Dart AppDimensions / Spacing 对齐） ==================== */
  /* 输入框 / 主按钮高度（46px = Dart AppDimensions.height46） */
  --auth-field-height: 46px;

  /* 弹层内第三方登录按钮高度（40px） */
  --auth-social-button-height: 40px;

  /* 主按钮固定宽度（Dart AppDimensions.buttonWidth = 334） */
  --auth-primary-button-width: 334px;

  /* Logo 高度（120px） */
  --auth-logo-height: 120px;

  /* Legal 圆形复选框 */
  --auth-legal-checkbox-size: 16px;
  --auth-legal-checkbox-inner-size: 10px;

  /* 悬浮返回按钮（40×40 圆形） */
  --back-button-size: 40px;

  /* 底部弹层圆角（28px = Dart AppRadius.radius28） */
  --auth-bottom-sheet-radius: 28px;

  /* 弹层 drag handle（40×4 胶囊） */
  --auth-drag-handle-width: 40px;
  --auth-drag-handle-height: 4px;
}
