/* ===== MCSkin 主题设计 Token（匹配设计预览） ===== */
:root {
  /* 背景色 - 浅色基调 */
  --mc-bg: #F1EFE8;
  --mc-bg-elevated: #ffffff;
  --mc-bg-card: #ffffff;
  --mc-bg-input: #ffffff;

  /* 主题色 */
  --mc-grass: #0F6E56;
  --mc-grass-dark: #0a5841;
  --mc-grass-light: #E1F5EE;
  --mc-grass-stroke: #5DCAA5;
  --mc-diamond: #185FA5;
  --mc-diamond-light: #E6F1FB;
  --mc-emerald: #3B6D11;
  --mc-emerald-light: #EAF3DE;
  --mc-gold: #854F0B;
  --mc-gold-light: #FAEEDA;
  --mc-redstone: #c53030;
  --mc-lapis: #3a5aea;

  /* 文字 */
  --mc-text: #2C2C2A;
  --mc-text-dim: #5F5E5A;
  --mc-text-muted: #888780;
  --mc-text-faint: #B4B2A9;

  /* 边框 */
  --mc-border: #D3D1C7;
  --mc-border-light: #ECEAE3;
  --mc-border-active: #0F6E56;

  /* 阴影 */
  --mc-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  --mc-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.04);
  --mc-shadow-pressed: 0 1px 2px rgba(0, 0, 0, 0.04);

  /* 圆角 */
  --mc-radius: 8px;
  --mc-radius-sm: 4px;
  --mc-radius-lg: 12px;
  --mc-radius-pill: 999px;

  /* 间距 */
  --mc-gap-xs: 4px;
  --mc-gap-sm: 8px;
  --mc-gap-md: 16px;
  --mc-gap-lg: 24px;
  --mc-gap-xl: 32px;

  /* 字号 */
  --mc-fs-xs: 11px;
  --mc-fs-sm: 13px;
  --mc-fs-base: 14px;
  --mc-fs-lg: 16px;
  --mc-fs-xl: 20px;
  --mc-fs-2xl: 24px;

  /* 字体 */
  --mc-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
  --mc-font-mono: 'Courier New', 'Consolas', monospace;

  /* 安全区 */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}