/* ============================================================
 *  common.css — 全站公共样式（文档型页面的共享部分）
 *  适用范围：index.html / robot.html / info.html / download.html
 *  引入位置：各页内联 <style> 之前，因此各页在 <style> 内的
 *            :root 覆写与页面级样式优先级更高、互不影响。
 *  说明：控制型页面（config / demo / manual / music）使用独立的
 *       深色主题，不引入本文件。
 * ============================================================ */

/* ----- 基础重置与根字号 ----- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }

/* ----- 绿色主题变量（默认值；各页可在自己的 :root 中覆盖） ----- */
:root {
  --green-100: #d5f0e3;
  --green-500: #3cb882;
  --green-600: #2a9d6e;
  --green-700: #1e7a50;
  --blue-100: #dbeafe;
  --blue-500: #4f8fdb;
  --purple-100: #ede9fe;
  --purple-500: #8b5cf6;
  --orange-100: #ffedd5;
  --orange-500: #f97316;
  --pink-100: #fce7f3;
  --pink-500: #ec4899;
  --cyan-100: #cffafe;
  --cyan-500: #06b6d4;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.05);
  --shadow-md: 0 4px 8px -2px rgba(0,0,0,.07);
  --shadow-lg: 0 12px 24px -6px rgba(0,0,0,.08);
  --shadow-xl: 0 20px 30px -6px rgba(0,0,0,.08);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
}