/**
 * ifu 品牌设计令牌 — 唯一颜色来源
 * 版权：ifu.me · v2.0 · 支持亮色/暗色模式
 * 来源：docs/design-tokens.css（品牌规范第九章，维护时以 docs 为准同步本文件）
 * 暗色模式通过 html[data-theme="dark"] 覆盖令牌值实现
 */

:root {
  /* ========== 主品牌绿色阶 ========== */
  --ifu-green-100: #d1fae5;
  --ifu-green-200: #a7f3d0;
  --ifu-green-300: #6ee7b7;
  --ifu-green-400: #34d399;
  --ifu-green-500: #10b981;
  --ifu-green-600: #059669;
  --ifu-green-700: #047857;
  --ifu-green-800: #065f46;
  --ifu-green-900: #064e3b;

  /* ========== 中性色阶 ========== */
  --ifu-white: #ffffff;
  --ifu-cream-50: #fafaf5;
  --ifu-cream-100: #f4f4ef;
  --ifu-cream-200: #e8e4dc;
  --ifu-gray-300: #d6d2ca;
  --ifu-gray-500: #8b8880;
  --ifu-gray-700: #5c5c52;
  --ifu-black-900: #1a1a1a;

  /* ========== 语义色 ========== */
  --ifu-success: #10b981;
  --ifu-info: #3b82f6;
  --ifu-warning: #f59e0b;
  --ifu-error: #ef4444;

  /* ========== 字体栈 ========== */
  --ifu-font-cn: 'HarmonyOS Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --ifu-font-en: Inter, Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ========== 字号 ========== */
  --ifu-text-display: 48px;
  --ifu-text-h1: 36px;
  --ifu-text-h2: 28px;
  --ifu-text-h3: 20px;
  --ifu-text-body: 16px;
  --ifu-text-caption: 12px;

  /* ========== 行高 ========== */
  --ifu-leading-display: 56px;
  --ifu-leading-h1: 44px;
  --ifu-leading-h2: 36px;
  --ifu-leading-h3: 28px;
  --ifu-leading-body: 26px;
  --ifu-leading-caption: 16px;

  /* ========== 间距（以 4px 为基础单位） ========== */
  --ifu-space-1: 4px;
  --ifu-space-2: 8px;
  --ifu-space-3: 12px;
  --ifu-space-4: 16px;
  --ifu-space-6: 24px;
  --ifu-space-8: 32px;
  --ifu-space-12: 48px;
  --ifu-space-16: 64px;

  /* ========== 圆角 ========== */
  --ifu-radius-sm: 6px;
  --ifu-radius-md: 10px;
  --ifu-radius-lg: 14px;
  --ifu-radius-xl: 18px;
  --ifu-radius-full: 999px;
  --ifu-radius-logo: 26px;

  /* ========== 阴影 ========== */
  --ifu-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --ifu-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
  --ifu-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08);
  --ifu-shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.12);
  --ifu-shadow-focus: 0 0 0 3px rgba(16, 185, 129, 0.2);

  /* ========== 导航/毛玻璃 ========== */
  --ifu-header-bg: rgba(255, 255, 255, 0.82);
  --ifu-footer-bg: #0a0a0a;

  /* ========== 组合标志专用令牌（CombinationMark） ========== */
  --ifu-mark-title: #0f172a;
  --ifu-mark-subtitle: #8e8e93;

  /* ========== 语义交互令牌（自动适配双模式） ========== */
  --ifu-btn-primary: var(--ifu-green-500);
  --ifu-btn-primary-hover: var(--ifu-green-600);

  /* ========== Elevation 层级（亮色下由阴影承担） ========== */
  --ifu-elevation-0: var(--ifu-cream-50);
  --ifu-elevation-1: var(--ifu-white);
  --ifu-elevation-2: var(--ifu-white);
  --ifu-elevation-3: var(--ifu-white);

  /* ========== 边框微描边（亮色下用 cream-200） ========== */
  --ifu-border-subtle: var(--ifu-cream-200);
}

/* ============ 暗色主题 — 微暖绿调深色 ============ */
html[data-theme="dark"] {
  --ifu-green-100: rgba(16, 185, 129, 0.12);
  --ifu-green-200: rgba(16, 185, 129, 0.20);
  --ifu-green-300: #6ee7b7;
  --ifu-green-400: #34d399;
  --ifu-green-500: #10b981;
  --ifu-green-600: #059669;
  --ifu-green-700: #047857;
  --ifu-green-800: #065f46;
  --ifu-green-900: #064e3b;

  --ifu-white: #1a1d1c;
  --ifu-cream-50: #121413;
  --ifu-cream-100: #1a1d1c;
  --ifu-cream-200: #252827;
  --ifu-gray-300: #4a4d4a;
  --ifu-gray-500: #9a9d9a;
  --ifu-gray-700: #c0c3c0;
  --ifu-black-900: #e8e8e8;

  --ifu-success: #34d399;
  --ifu-info: #60a5fa;
  --ifu-warning: #fbbf24;
  --ifu-error: #f87171;

  --ifu-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.20);
  --ifu-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.30);
  --ifu-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.40);
  --ifu-shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.50);
  --ifu-shadow-focus: 0 0 0 3px rgba(16, 185, 129, 0.3);

  --ifu-header-bg: rgba(18, 20, 19, 0.82);
  --ifu-footer-bg: #050807;

  --ifu-mark-title: #e8e8e8;
  --ifu-mark-subtitle: #9a9d9a;

  --ifu-btn-primary: var(--ifu-green-500);
  --ifu-btn-primary-hover: var(--ifu-green-400);

  --ifu-elevation-0: #121413;
  --ifu-elevation-1: #1a1d1c;
  --ifu-elevation-2: #242725;
  --ifu-elevation-3: #2e312e;

  --ifu-border-subtle: rgba(255, 255, 255, 0.08);
}