/* public/css/tokens.css */
:root {
  --color-bg: #F4F9FF;              /* 页面背景，淡蓝白 */
  --color-bg-card: #FFFFFF;
  --color-primary: #5B9BD5;         /* 主色，柔和蓝 */
  --color-primary-dark: #3E7CB1;
  --color-primary-light: #D6EAF8;
  --color-accent: #8FD3E8;          /* 强调色，青蓝 */
  --color-success: #8FD9A8;
  --color-warning: #FFD666;
  --color-danger: #FF8A80;
  --color-text-primary: #2D3A4A;
  --color-text-secondary: #6B7C93;
  --color-border: #DCE6F0;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(91,155,213,0.12);
  --shadow-md: 0 4px 12px rgba(91,155,213,0.16);
  --font-base: 15px;
  --font-lg: 18px;
  --font-sm: 13px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --overlay-scrim: rgba(45, 58, 74, 0.4);       /* 弹窗遮罩背景 */
  --overlay-toast: rgba(45, 58, 74, 0.88);      /* toast背景 */
  --overlay-loading: rgba(244, 249, 255, 0.6);  /* loading全屏遮罩背景 */
  --color-text-inverse: #FFFFFF;  /* 深色/强调色背景上的浅色文字，如危险色徽章文字 */
}