/* ============================================================
   靠谱数学 · token 三层唯一源
   依据：iStudy规范/ISTUDY-FAMILY-VISUAL-CONSTITUTION.md §3、§5.1
   纪律：core 持原始刻度，semantic 只引 core，组件只引 semantic。
        本文件是全站唯一色值与刻度字面量来源。
   ============================================================ */
:root{
  color-scheme: light;

  /* ---- core 层：家族色板原值（字面量只许出现在这一段） ---- */
  --core-warm-paper:#FFFDF7;
  --core-white:#FFFFFF;
  --core-ink-900:#17131F;
  --core-ink-500:#665F70;
  --core-violet-500:#6846E8;
  --core-violet-700:#5632D6;
  --core-lavender-200:#E9DEFF;
  --core-lavender-300:#D3C0FF;
  --core-lavender-100:#F0E9FF;
  --core-yellow-400:#FFC94A;
  --core-coral-400:#FF806C;
  --core-mint-300:#C9F3D3;
  --core-blue-500:#2D6BFF;
  --core-plum-900:#27194F;
  /* 对错双通道扩展（项目层登记，同母本 DESIGN.md §3.2） */
  --core-green-700:#1E7A34;
  --core-green-100:#DFF3E4;
  --core-red-800:#B83030;
  --core-red-100:#FBE8E4;
  /* 教学图元扩展（项目层登记，总纲 §3.4 新语义登记口） */
  --core-teal-600:#0F766E;
  --core-amber-800:#8A5A00;

  /* ---- semantic 层：色 ---- */
  --canvas:var(--core-warm-paper);
  --surface:var(--core-white);
  --ink:var(--core-ink-900);
  --ink-muted:var(--core-ink-500);
  --brand:var(--core-violet-500);
  --brand-strong:var(--core-violet-700);
  --lavender:var(--core-lavender-200);
  --lavender-deep:var(--core-lavender-300);
  --hero-soft:var(--core-lavender-100);
  --sun:var(--core-yellow-400);
  --coral:var(--core-coral-400);
  --mint:var(--core-mint-300);
  --focus:var(--core-blue-500);
  --dark-panel:var(--core-plum-900);
  --state-correct-ink:var(--core-green-700);
  --state-correct-face:var(--core-green-100);
  --state-wrong-ink:var(--core-red-800);
  --state-wrong-face:var(--core-red-100);

  /* ---- semantic 层：教学图元色板 --fig-*（Q6 决议，12 个语义名） ----
     取值全部由家族色板派生；SVG 与动图只许消费这一层，
     js 与 svg 内十六进制字面量归零，由设计系统门看守。 */
  --fig-ink:var(--ink);
  --fig-muted:var(--ink-muted);
  --fig-line:color-mix(in srgb, var(--ink) 28%, transparent);
  --fig-paper:var(--hero-soft);
  --fig-actor-a:var(--brand);
  --fig-actor-b:var(--core-coral-400);
  --fig-actor-c:var(--core-teal-600);
  --fig-known:var(--core-amber-800);
  --fig-known-face:var(--sun);
  --fig-unknown:var(--lavender-deep);
  --fig-correct:var(--state-correct-ink);
  --fig-wrong:var(--state-wrong-ink);

  /* ---- semantic 层：线与影 ---- */
  --line:color-mix(in srgb, var(--ink) 14%, transparent);
  --line-strong:color-mix(in srgb, var(--ink) 28%, transparent);
  --line-on-dark:color-mix(in srgb, var(--surface) 24%, transparent);
  --shadow-soft:0 10px 30px rgba(41,27,71,.06);
  --shadow-raised:0 24px 70px rgba(67,44,132,.13);

  /* ---- semantic 层：圆角五档 ---- */
  --radius-inline:20px;
  --radius-panel:28px;
  --radius-card:40px;
  --radius-hero:56px;
  --radius-pill:999px;

  /* ---- semantic 层：间距刻度（跨产品锁死） ---- */
  --space-3xs:4px; --space-2xs:8px; --space-xs:12px; --space-sm:16px;
  --space-md:24px; --space-lg:32px; --space-xl:48px; --space-2xl:64px;
  --space-section:clamp(4rem,3rem + 4vw,7.5rem);
  --frame-inset:12px; --frame-max:1540px;
  --pad-card:var(--space-md);          /* 卡内衬单一 token */

  /* ---- semantic 层：三条命名轨 ---- */
  --track-content:1200px;
  --track-reading:66rem;

  /* ---- semantic 层：字族与八档字阶（少年档，Q7 决议） ---- */
  --font-sans:ui-rounded,"SF Pro Rounded","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --font-accent:"Kaiti SC",STKaiti,KaiTi,serif;
  --font-num:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;
  --type-display:clamp(2.05rem,5.2vw,3.6rem);
  --type-section-title:clamp(1.75rem,3.4vw,2.5rem);
  --type-panel-title:clamp(1.375rem,2.5vw,1.9rem);
  --type-card-title:clamp(1.125rem,1.8vw,1.4rem);
  --type-lead:clamp(1.0625rem,1.35vw,1.1875rem);
  --type-body:1rem;                    /* 少年档基线 16px */
  --type-supporting:1rem;
  --type-label:.8125rem;

  /* ---- semantic 层：动效（禁全属性简写） ---- */
  --motion-feedback:transform 180ms cubic-bezier(.2,0,0,1),
    background-color 180ms cubic-bezier(.2,0,0,1),
    border-color 180ms cubic-bezier(.2,0,0,1),
    color 180ms cubic-bezier(.2,0,0,1),
    box-shadow 180ms cubic-bezier(.2,0,0,1);

  /* ---- semantic 层：控件尺寸阶与坞高 ---- */
  --tap-cta:52px; --tap:44px; --tap-link:38px;
  --dock-height:4.25rem;
}

/* 小学段正文抬到 18px（Q7：家族少年档取一档，小学段按学段底线收紧，属收紧不属偏离） */
[data-band="primary"]{ --type-body:1.125rem; --type-supporting:1.0625rem; }

/* 移动收窄档 */
@media (max-width:35rem){
  :root{
    --radius-panel:22px; --radius-card:28px; --radius-hero:36px;
    --frame-inset:6px; --pad-card:var(--space-sm);
  }
}
