/* ============================================================
   ohESG 全站统一颜色系统 — 方案一：森林绿 Forest Green
   所有页面通过 <link rel="stylesheet" href="/css/theme.css"> 引入
   如需 dark mode，参考下方 [data-theme="dark"] 部分
   ============================================================ */

:root {
  /* ===== 主色阶 Primary (Forest Green) ===== */
  --primary: #16a34a;
  --primary-50:  #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;

  /* ===== 语义别名（兼容现有代码） ===== */
  --primary-color:  var(--primary-600);
  --primary-light:  var(--primary-500);
  --primary-dark:   var(--primary-700);
  --primary-bg:     var(--primary-50);

  /* ===== 常用快捷 ===== */
  --white: #ffffff;

  /* ===== 辅助色 Secondary / Accent ===== */
  --secondary-color: #1a73e8;
  --accent-color:    #ea4335;

  /* ===== 语义色 Semantic ===== */
  --success: #16a34a;
  --warning: #eab308;
  --error:   #dc2626;
  --info:    #2563eb;

  /* ===== 中性色 Neutrals ===== */
  --gray-50:  #fafbfc;
  --gray-100: #f8f9fa;
  --gray-200: #e8eaed;
  --gray-300: #dadce0;
  --gray-400: #bdc1c6;
  --gray-500: #9aa0a6;
  --gray-600: #80868b;
  --gray-700: #5f6368;
  --gray-800: #3c4043;
  --gray-900: #202124;

  /* ===== 背景 / 表面 ===== */
  --background:     #ffffff;
  --surface:        #f8f9fa;
  --text-primary:   #202124;
  --text-secondary: #5f6368;
  --border-color:   #e8eaed;

  /* ===== 阴影 Shadows ===== */
  --shadow-sm: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 3px 1px rgba(60,64,67,0.15);
  --shadow-md: 0 1px 3px 0 rgba(60,64,67,0.3), 0 4px 8px 3px rgba(60,64,67,0.15);
  --shadow-lg: 0 1px 3px 0 rgba(60,64,67,0.3), 0 8px 16px 4px rgba(60,64,67,0.15);

  /* ===== 圆角 Radii ===== */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* ===== 过渡 ===== */
  --transition: all 0.3s ease;
}

/* ===== Dark Mode（按需启用） ===== */
/*
[data-theme="dark"] {
  --primary:        #4ade80;
  --primary-light:  #86efac;
  --primary-dark:   #22c55e;
  --primary-bg:     #052e16;
  --background:     #0f0f0f;
  --surface:        #1a1a1a;
  --text-primary:   #f9fafb;
  --text-secondary: #9ca3af;
  --border-color:   #2a2a2a;
}
*/