/* ============================================
   MiniRock v2 — 设计Token (Design Tokens)
   贴纸/粘土风 · 翡翠墨绿 · 圆体系统
   WS2 WP2.1 — 设计系统
   ============================================ */

:root {
  /* ─── 翡翠墨绿(Jade Green)色板 ─── */
  --color-primary: #1B4332;        /* 深林墨绿 — 主色 */
  --color-secondary: #2D6A4F;      /* 翡翠绿 — 辅助 */
  --color-accent: #52B788;         /* 亮翡翠 — 强调 */
  --color-green: #95D5B2;          /* 嫩绿 — 成功/正向 */
  --color-peach: #D8F3DC;          /* 淡玉 — 温暖(替代蜜桃) */
  --color-lavender: #74C69D;       /* 中翡翠 — 装饰(替代淡紫) */

  /* ─── 背景/表面 ─── */
  --color-bg: #F0F7F0;             /* 玉白暖底背景 */
  --color-card: #FFFFFF;           /* 卡片白 */
  --color-text: #1B4332;           /* 主文字 — 墨绿 */
  --color-text-light: #52796F;     /* 辅助文字 — 灰绿 */

  /* ─── 圆角体系 ─── */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* ─── 阴影 ─── */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.12);
  --shadow-pressed: 0 2px 6px rgba(0, 0, 0, 0.06);

  /* ─── 字体 ─── */
  --font-body: 'system-ui', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --font-title: 'Gaegu', 'Kawaii', cursive, var(--font-body);

  /* ─── 动画 ─── */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  /* ─── 渐变预设 ─── */
  --gradient-primary: linear-gradient(135deg, #1B4332, #2D6A4F);
  --gradient-secondary: linear-gradient(135deg, #2D6A4F, #52B788);
  --gradient-accent: linear-gradient(135deg, #52B788, #D8F3DC);
  --gradient-green: linear-gradient(135deg, #1B4332, #2D6A4F);
  --gradient-peach: linear-gradient(135deg, #95D5B2, #D8F3DC);
}

/* 可访问性 */
:focus-visible {
  outline: 2px solid var(--color-accent, #52B788);
  outline-offset: 2px;
  border-radius: 4px;
}