/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * iOS 移动端令牌（独立设计，与 Web 端分离）
 * theme: Apple system color 定制 · paper oklch(98.5% 0.003 247) · accent oklch(54% 0.17 258)
 * 标准: Grouped List · 44pt 触控 · Large Title · Tab Bar · 吸底操作条
 *      浅色/深色双模式（跟随系统 prefers-color-scheme）
 */

:root {
  color-scheme: light;

  /* ── 背景层级 ───────────────────────────── */
  --bg-app: oklch(98.5% 0.003 247);       /* 系统分组背景 · 冷灰 */
  --bg-group: oklch(100% 0 0);            /* 分组卡片 · 纯白 */
  --bg-group-2: oklch(98% 0.003 247);     /* 次级分组底 */
  --bg-fill: oklch(94.5% 0.005 250);      /* 控件填充 */
  --bg-fill-active: oklch(91.5% 0.006 250);
  --bg-bar: oklch(99.4% 0.002 247 / 0.86); /* TabBar/吸底条 · 半透明材质 */
  --bg-bar-solid: oklch(99.4% 0.002 247);
  --top-inset: rgb(255 255 255 / 0.35);   /* CTA 顶部受光 */
  --on-accent-tint: rgb(255 255 255 / 0.25); /* 强调色上的圆形按钮底 */
  --on-accent-sub: rgb(255 255 255 / 0.85);  /* 强调色上的次级文字 */
  --icon-top-inset: rgb(255 255 255 / 0.18); /* 学科徽标顶部受光 */

  /* ── 文字层级 ───────────────────────────── */
  --text-primary: oklch(19% 0.01 250);
  --text-secondary: oklch(46% 0.012 250);
  --text-tertiary: oklch(62% 0.012 250);
  --text-quaternary: oklch(74% 0.008 250);

  /* ── 分隔 ───────────────────────────────── */
  --border-hairline: oklch(91.5% 0.005 250);
  --border-strong: oklch(85% 0.006 250);

  /* ── 强调与状态色（Apple system color 的 OKLCH 对应）── */
  --accent: oklch(54% 0.17 258);
  --accent-hover: oklch(49% 0.16 259);
  --accent-fg: oklch(99% 0.005 250);
  --accent-wash: oklch(96.2% 0.03 256);
  --green: oklch(55% 0.16 150);
  --green-wash: oklch(96.2% 0.035 151);
  --orange: oklch(60% 0.15 62);
  --orange-wash: oklch(96.4% 0.04 63);
  --red: oklch(56% 0.19 28);
  --red-wash: oklch(96.2% 0.035 29);
  --focus-ring: oklch(54% 0.17 258);

  /* ── 日历完成热力 ─────────────────────── */
  --heat-2: oklch(88% 0.07 150);
  --heat-3: oklch(78% 0.11 150);

  /* ── 学科徽标色（9 门）────────────────── */
  --subj-yuwen: oklch(52% 0.13 30);
  --subj-math: oklch(54% 0.17 258);
  --subj-eng: oklch(50% 0.15 320);
  --subj-phys: oklch(56% 0.11 210);
  --subj-chem: oklch(62% 0.16 65);
  --subj-bio: oklch(58% 0.14 130);
  --subj-hist: oklch(56% 0.12 65);
  --subj-geo: oklch(52% 0.11 190);
  --subj-pol: oklch(54% 0.15 0);

  /* ── 字体 ───────────────────────────────── */
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --font-num: "SF Mono", ui-monospace, Menlo, monospace;

  /* ── 字号（iOS Dynamic Type）──────────── */
  --text-2xs: 10px;
  --text-xs: 11px; --text-sm: 13px; --text-md: 15px; --text-lg: 17px;
  --text-xl: 20px; --text-2xl: 24px; --text-3xl: 28px; --text-4xl: 34px;

  /* ── 间距 ───────────────────────────────── */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;

  /* ── 圆角（iOS 连续圆角）───────────────── */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-chip: 999px;

  /* ── 阴影（iOS 浮起）──────────────────── */
  --shadow-card: 0 0.5px 1px rgb(0 0 0 / 0.05), 0 4px 12px rgb(0 0 0 / 0.04);
  --shadow-tabbar: 0 -0.5px 0 var(--border-hairline);

  /* ── 动效 ───────────────────────────────── */
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --ease-in-out: cubic-bezier(0.5, 0, 0.5, 1);
  --dur-fast: 140ms; --dur-base: 220ms;
  --dur-instant: 80ms;                 /* 按压即时反馈 */

  --touch-min: 44px;
  --hairline: 1px;
}

/* ══ 深色模式（跟随系统 · iOS Dark Appearances）══════════ */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    --bg-app: oklch(15.5% 0.005 250);       /* 分组背景 · OLED 级近黑 */
    --bg-group: oklch(21.5% 0.007 250);     /* 分组卡片 · 抬升一级 */
    --bg-group-2: oklch(19% 0.006 250);
    --bg-fill: oklch(27% 0.009 250);
    --bg-fill-active: oklch(32% 0.01 250);
    --bg-bar: oklch(19% 0.006 250 / 0.82);
    --bg-bar-solid: oklch(19% 0.006 250);
    --top-inset: rgb(255 255 255 / 0.12);
    --figure-backing: oklch(98% 0.002 240);  /* 白底插图在深色下的纸垫 */

    --text-primary: oklch(93% 0.004 250);
    --text-secondary: oklch(76% 0.008 250);
    --text-tertiary: oklch(62% 0.01 250);
    --text-quaternary: oklch(49% 0.01 250);

    --border-hairline: oklch(31% 0.008 250);
    --border-strong: oklch(38% 0.009 250);

    --accent: oklch(63% 0.16 258);
    --accent-hover: oklch(68% 0.15 258);
    --accent-fg: oklch(99% 0.005 250);
    --accent-wash: oklch(33% 0.055 258);
    --green: oklch(71% 0.16 150);
    --green-wash: oklch(32% 0.05 150);
    --orange: oklch(73% 0.14 62);
    --orange-wash: oklch(33% 0.05 62);
    --red: oklch(69% 0.17 28);
    --red-wash: oklch(33% 0.06 28);
    --focus-ring: oklch(63% 0.16 258);

    --heat-2: oklch(36% 0.06 150);
    --heat-3: oklch(45% 0.09 150);

    --subj-yuwen: oklch(62% 0.13 30);
    --subj-math: oklch(63% 0.16 258);
    --subj-eng: oklch(62% 0.14 320);
    --subj-phys: oklch(66% 0.11 210);
    --subj-chem: oklch(70% 0.15 65);
    --subj-bio: oklch(68% 0.14 130);
    --subj-hist: oklch(66% 0.12 65);
    --subj-geo: oklch(64% 0.11 190);
    --subj-pol: oklch(65% 0.14 0);

    --shadow-card: 0 0.5px 1px rgb(0 0 0 / 0.4), 0 4px 12px rgb(0 0 0 / 0.3), inset 0 1px 0 rgb(255 255 255 / 0.05);
    --shadow-tabbar: 0 -0.5px 0 var(--border-hairline);
  }
}

/* 降低透明度偏好：材质退化为实色 */
@media (prefers-reduced-transparency: reduce) {
  :root { --bg-bar: var(--bg-bar-solid); }
}