/* ==========================================================================
   Hongguo Design Tokens · 设计系统唯一落地变量
   对应 design-system/MASTER.md —— 组件只允许引用变量，禁止裸 hex。
   亮色单主题（macOS 方向 · 精致不浮夸 · 微动效）。
   协调方冻结令（design-system/TOKEN_SOT.md）：本文件冻结为 --color-* 蓝系，
   禁止任何会话改回 --hg-* 红系。
   ========================================================================== */

:root {
  /* ---- 色彩 · 表面 ---- */
  --color-bg: #f5f5f7;              /* 页面背景：macOS 窗口灰 */
  --color-surface: #ffffff;         /* 卡片 / 输入框 / 弹层 */
  --color-surface-sunken: #fafafc;  /* 内嵌区：密钥条 / 命令条 / 代码块 */

  /* ---- 色彩 · 文字 ---- */
  --color-text: #1d1d1f;            /* 主文字（白底 16.1:1 AAA） */
  --color-text-secondary: #6e6e73;  /* 次要文字（白底 5.0:1 AA） */
  --color-text-tertiary: #86868b;   /* 占位/极弱提示，仅 ≥14px 非关键文字 */

  /* ---- 色彩 · 强调（macOS 亮蓝系） ---- */
  --color-accent: #007aff;          /* 图形态/选中态/focus ring（白底 4.0:1，不作正文色） */
  --color-accent-strong: #0066cc;   /* 填充主按钮背景、正文级链接（白字 5.6:1 AA） */
  --color-accent-hover: #005bbf;    /* 主按钮 hover */
  --color-accent-soft: rgba(0, 122, 255, 0.1); /* 选中底色 / tag 底，文字须配 accent-strong */

  /* ---- 色彩 · 功能（文字安全版，白底 ≥4.5:1） ---- */
  --color-success: #248a3d;
  --color-warning: #b25000;
  --color-danger: #d70015;

  /* ---- 色彩 · 结构 ---- */
  --color-border: rgba(0, 0, 0, 0.08);   /* 发丝边框 */
  --color-divider: rgba(0, 0, 0, 0.06);  /* 列表分隔线 */
  --color-scrim: rgba(0, 0, 0, 0.36);    /* 模态遮罩 */

  /* ---- 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --font-feature-tnum: "tnum" 1;    /* 数字/hex 等宽：font-feature-settings */

  /* 字阶（1rem = 16px） */
  --text-xs: 0.75rem;    /* 12 */
  --text-sm: 0.8125rem;  /* 13 */
  --text-md: 0.875rem;   /* 14 */
  --text-lg: 1.0625rem;  /* 17 */
  --text-xl: 1.25rem;    /* 20 */
  --text-2xl: 1.5rem;    /* 24 */
  --text-3xl: 1.75rem;   /* 28 */
  --text-4xl: 2.125rem;  /* 34 */

  /* ---- 间距（4 的倍数） ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* ---- 圆角 ---- */
  --radius-sm: 6px;   /* tag / 小 chip */
  --radius-md: 10px;  /* 按钮 / 输入框（macOS 控件圆角） */
  --radius-lg: 12px;  /* 卡片 */
  --radius-xl: 16px;  /* 弹层 / sheet */
  --radius-full: 9999px;

  /* ---- 投影（极浅、大半径、低透明度） ---- */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  --shadow-raised: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-overlay: 0 12px 40px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.08);

  /* ---- 焦点环 ---- */
  --ring: rgba(0, 122, 255, 0.25);        /* 3px 外发光 */
  --ring-width: 3px;

  /* ---- 动效（微动效 · Subtle） ---- */
  --dur-fast: 120ms;   /* hover / press */
  --dur-base: 180ms;   /* 状态切换 / 卡片浮起 */
  --dur-slow: 240ms;   /* 弹层 / toast / 骨架→内容 */
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);  /* macOS 系默认 */
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);    /* toast / 打勾微回弹 */

  /* ---- 层级 ---- */
  --z-sticky: 10;
  --z-header: 20;
  --z-overlay: 40;
  --z-toast: 100;

  /* ---- 布局 ---- */
  --container-max: 880px;  /* 单列内容容器 */
  --header-height: 56px;

  /* ---- 控件尺寸 ---- */
  --control-height: 40px;        /* 常规按钮 */
  --control-height-lg: 48px;     /* 大输入框 */
  --search-hero-height: 56px;    /* 首页 hero 搜索框 */
  --touch-target-min: 44px;      /* 触控最小目标 */

  /* ---- 图标尺寸 ---- */
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;

  /* ==================================================================
     以下为 MASTER.md 组件规格要求的补充 token（追加，勿改名勿删除）：
     ghost 填充 / Toast / 毛玻璃头部 / 封面比例 / 行内小号控件
     ================================================================== */
  --color-fill: rgba(0, 0, 0, 0.045);        /* ghost 按钮/行 悬停填充、tag 底 */
  --color-fill-strong: rgba(0, 0, 0, 0.075); /* 按下填充、骨架屏底色 */

  --color-toast-bg: rgba(29, 29, 31, 0.92);  /* Toast 深色胶囊 */
  --color-toast-text: #ffffff;

  --color-glass-bg: rgba(245, 245, 247, 0.72); /* 吸顶头部毛玻璃（仅此一处） */
  --glass-blur: saturate(180%) blur(20px);

  --cover-ratio: 3 / 4;              /* 短剧竖版封面 aspect-ratio */
  --control-height-sm: 28px;         /* 行内小号按钮 */
}

/* 尊重系统减弱动效：全部时长归零，骨架 shimmer 由组件层退化为静态灰块 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.01ms;
    --dur-base: 0.01ms;
    --dur-slow: 0.01ms;
  }
}