/**
 * 全站设计令牌(Design Tokens)
 * 所有页面/按钮/卡片/链接 统一引用以下变量,确保品牌一致性
 */
:root {
  /* 品牌主色 - 酒红(中医药学会主题色) */
  --brand-color: #8b2632;
  --brand-color-dark: #5d1a22;
  --brand-color-light: #fbeaec;
  --brand-gradient: linear-gradient(135deg, #8b2632 0%, #5d1a22 100%);
  --brand-gradient-hover: linear-gradient(135deg, #a32a39 0%, #6f1f29 100%);

  /* 页面背景 */
  --page-bg: linear-gradient(180deg, #fbf6ee 0%, #f5ebd8 100%);
  --page-bg-flat: #fbf6ee;
  --surface-bg: #ffffff;

  /* 文字 */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-on-brand: #ffffff;

  /* 提示 */
  --warning-bg: #fff7ed;
  --warning-border: #fde0c4;
  --warning-text: #ad6800;
  --danger-color: #ff4d4f;

  /* 圆角/阴影 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 12px rgba(139, 38, 50, 0.08);
  --shadow-elevated: 0 8px 24px rgba(139, 38, 50, 0.12);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--page-bg-flat);
  overflow-x: hidden;
}

#root {
  width: 100%;
  height: 100%;
}
