/* 设计 token —— 全部来自阶段 1 基座溯源（DesignSystem.swift + Assets.xcassets）
   颜色为 iOS UIKit/SwiftUI 语义色的精确分量（Light 默认 / Dark 覆盖）。
   半透明语义色按 iOS 实际 opacity 保留 rgba，不预乘背景。pt → px 按 1:1。 */
:root {
  /* —— 背景层级 —— */
  --c-bg-primary: #FFFFFF;                  /* systemBackground */
  --c-bg-secondary: #F2F2F7;                /* secondarySystemBackground（卡片） */
  --c-bg-tertiary: #FFFFFF;                 /* tertiarySystemBackground */
  --c-fill-tertiary: rgba(118,118,128,0.12);/* tertiarySystemFill（进度轨道） */
  /* —— 文字层级 —— */
  --c-label: #000000;                       /* label */
  --c-label-2: rgba(60,60,67,0.60);         /* secondaryLabel */
  --c-label-3: rgba(60,60,67,0.30);         /* tertiaryLabel */
  --c-label-4: rgba(60,60,67,0.18);         /* quaternaryLabel */
  /* —— 边框 —— */
  --c-separator: rgba(60,60,67,0.29);       /* separator */
  --c-separator-opaque: #C6C6C8;            /* opaqueSeparator */
  /* —— 功能色 —— */
  --c-green: #34C759;                        /* systemGreen（记住/成功） */
  --c-orange: #FF9500;                       /* systemOrange（模糊/警告） */
  --c-red: #FF3B30;                          /* systemRed（遗忘/错误） */
  --c-accent: #007AFF;                       /* AccentColor 回退 systemBlue */
  /* —— 间距（4pt 栅格）—— */
  --sp-xs: 4px;  --sp-sm: 8px;  --sp-md: 12px; --sp-lg: 16px;
  --sp-xl: 20px; --sp-xxl: 24px; --sp-xxxl: 32px; --sp-section: 48px;
  /* —— 圆角 —— */
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-full: 9999px;
  /* —— 阴影（仅浅色模式）—— */
  --shadow-subtle: 0 0 8px rgba(0,0,0,0.04);
  --shadow-medium: 0 0 12px rgba(0,0,0,0.06);
  /* —— 安全区（由 JS 按机型覆盖）—— */
  --safe-top: 59px;
  --safe-bottom: 34px;
  /* —— 响应式缩放系数（由 JS 按机型覆盖，= clamp(0.75, w/428, 1.2)）—— */
  --rl-scale: 1.028;
}
:root[data-theme="dark"] {
  --c-bg-primary: #000000;
  --c-bg-secondary: #1C1C1E;
  --c-bg-tertiary: #2C2C2E;
  --c-fill-tertiary: rgba(118,118,128,0.24);
  --c-label: #FFFFFF;
  --c-label-2: rgba(235,235,245,0.60);
  --c-label-3: rgba(235,235,245,0.30);
  --c-label-4: rgba(235,235,245,0.16);
  --c-separator: rgba(84,84,88,0.60);
  --c-separator-opaque: #38383A;
  --c-green: #30D158;
  --c-orange: #FF9F0A;
  --c-red: #FF453A;
  --c-accent: #0A84FF;
  --shadow-subtle: none;
  --shadow-medium: none;
}
