/*
  API GET design tokens for the FDE learning site (direction A「和主站一体」, Owner 10-31).

  Light only, like apiget.store: the --ag-* values are copied one for one from
  web/default/src/styles/tokens.css on buddy-v2 (6d34c4517). Components read only
  the semantic aliases (--c-*) below. Shared with the WorkBuddy reading library.
*/
:root {
  color-scheme: light only;

  /* ---- 主站 tokens.css 原样 ---- */
  --ag-ink-900: #14231d;
  --ag-ink-700: #3f5249;
  --ag-ink-500: #5e6e66;
  --ag-ink-300: #a9b8b0;
  --ag-line: #e3e6dc;
  --ag-line-strong: #cbd5cc;

  --ag-paper: #fbfaf6;
  --ag-surface: #ffffff;
  --ag-surface-sunken: #f3efe4;
  --ag-surface-muted: #eeece4;
  --ag-surface-tint: #eef4f0;

  --ag-green-50: #eef4f0;
  --ag-green-100: #d9e9e0;
  --ag-green-200: #b5d4c3;
  --ag-green-300: #82b99e;
  --ag-green-500: #2a8263;
  --ag-green-600: #0b6048;
  --ag-green-700: #084d3a;
  --ag-green-900: #0a3b2c;

  --ag-gold-50: #fff9e8;
  --ag-gold-100: #fff3cf;
  --ag-gold-300: #f3d27a;
  --ag-gold-400: #f0c75e;
  --ag-gold-500: #d9b35a;
  --ag-gold-600: #b07c0c;
  --ag-gold-700: #805b0b;

  --ag-on-dark: #fbf6e7;
  --ag-on-dark-muted: #b9d1c4;
  --ag-on-dark-line: rgb(255 255 255 / 0.14);

  --ag-status-good: #1d6b45;
  --ag-status-warning: #9a6a16;
  --ag-status-critical: #b42318;
  --ag-status-neutral: #5e6e66;

  --ag-font-sans:
    'Public Sans Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC',
    'Noto Sans CJK SC', sans-serif;
  --ag-font-display:
    'AG Display Serif', 'Songti SC', 'STSong', 'Noto Serif CJK SC',
    'Source Han Serif SC', 'Noto Serif SC', 'SimSun', serif;
  --ag-font-wordmark: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --ag-font-mono:
    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas,
    'DejaVu Sans Mono', 'Noto Sans Mono CJK SC', monospace;

  --ag-text-caption: 12px;
  --ag-leading-caption: 18px;
  --ag-text-small: 14px;
  --ag-leading-small: 22px;
  --ag-text-body: 16px;
  --ag-leading-body: 1.7;
  --ag-text-lead: 18px;
  --ag-leading-lead: 1.75;
  --ag-text-title: 20px;
  --ag-leading-title: 30px;
  --ag-text-heading: 24px;
  --ag-leading-heading: 34px;
  --ag-text-page: 32px;
  --ag-leading-page: 1.25;
  --ag-text-display-2: clamp(28px, 2.75vw, 38px);
  --ag-leading-display-2: 1.34;
  --ag-text-display-1: clamp(36px, 3.3vw, 48px);
  --ag-leading-display-1: 1.26;

  --ag-side: 24px;
  --ag-gutter: 24px;
  --ag-content-max: 1200px;
  --ag-section-sm: 64px;
  --ag-section-md: 96px;
  --ag-section-lg: 128px;
  --ag-stack-xs: 8px;
  --ag-stack-sm: 12px;
  --ag-stack-md: 16px;
  --ag-stack-lg: 24px;
  --ag-stack-xl: 40px;

  --ag-radius-xs: 4px;
  --ag-radius-sm: 8px;
  --ag-radius-md: 12px;
  --ag-radius-lg: 20px;
  --ag-radius-pill: 999px;

  --ag-ring-hairline: inset 0 0 0 1px rgb(20 35 29 / 0.08);
  --ag-shadow-1: 0 1px 2px rgb(20 35 29 / 0.06), 0 1px 1px rgb(20 35 29 / 0.04);
  --ag-shadow-2: 0 6px 16px -4px rgb(20 35 29 / 0.1), 0 2px 4px rgb(20 35 29 / 0.05);
  --ag-shadow-3: 0 24px 48px -16px rgb(11 61 46 / 0.24), 0 6px 12px rgb(20 35 29 / 0.06);
  --ag-elevation-raised: var(--ag-ring-hairline), var(--ag-shadow-1);
  --ag-elevation-floating: var(--ag-ring-hairline), var(--ag-shadow-2);
  --ag-elevation-overlay: var(--ag-ring-hairline), var(--ag-shadow-3);

  --ag-focus-color: var(--ag-green-600);
  --ag-focus-on-dark: var(--ag-gold-300);
  --ag-focus-width: 2px;
  --ag-focus-offset: 3px;
  --ag-focus-halo: 0 0 0 4px rgb(11 96 72 / 0.14);

  --ag-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ag-dur-fast: 120ms;
  --ag-dur: 180ms;
  --ag-dur-slow: 320ms;
  --ag-lift: -1px;

  /* ---- 本稿新增：阅读正文与头部尺寸（不改主站九档字号） ---- */
  --rd-measure: 720px;        /* 正文行宽：桌面 18px 时约 40 个汉字 */
  --rd-text: var(--ag-text-lead);
  --rd-leading: 1.85;
  --hd-height: 64px;

  /* ---- 语义别名：组件只读这一层 ---- */
  --c-page: var(--ag-paper);
  --c-surface: var(--ag-surface);
  --c-sunken: var(--ag-surface-sunken);
  --c-muted: var(--ag-surface-muted);
  --c-tint: var(--ag-surface-tint);
  --c-text: var(--ag-ink-900);
  --c-text-2: var(--ag-ink-700);
  --c-text-3: var(--ag-ink-500);
  --c-icon-weak: var(--ag-ink-300);
  --c-line: var(--ag-line);
  --c-line-strong: var(--ag-line-strong);
  --c-accent: var(--ag-green-600);          /* 链接、选中、关键数字 */
  --c-accent-soft: var(--ag-green-50);       /* 选中底 */
  --c-accent-ring: rgb(11 96 72 / 0.12);
  --c-accent-bar: var(--ag-green-600);       /* 进度条 */
  --c-track: var(--ag-surface-muted);
  --c-btn: var(--ag-green-600);
  --c-btn-hover: var(--ag-green-700);
  --c-btn-text: #ffffff;
  --c-gold-text: var(--ag-gold-700);
  --c-gold-rule: rgb(176 124 12 / 0.6);
  --c-gold-chip: var(--ag-gold-100);
  --c-gold-figure: var(--ag-gold-600);       /* 只用于 ≥24px 粗体数字 */
  --c-deep: var(--ag-green-900);
  --c-on-deep: var(--ag-on-dark);
  --c-on-deep-2: var(--ag-on-dark-muted);
  --c-on-deep-line: var(--ag-on-dark-line);
  --c-good: var(--ag-status-good);
  --c-good-soft: #e9f3ec;
  --c-bad: var(--ag-status-critical);
  --c-bad-soft: #fdf0ee;
  --c-warn: var(--ag-status-warning);
  --c-code-bg: #f6f3ea;
  --c-header: rgb(251 250 246 / 0.94);
  --c-scrim: rgb(20 35 29 / 0.36);
  --c-ring: var(--ag-ring-hairline);
  --c-raised: var(--ag-elevation-raised);
  --c-floating: var(--ag-elevation-floating);
  --c-overlay: var(--ag-elevation-overlay);
  --c-img-ring: inset 0 0 0 1px rgb(20 35 29 / 0.08);
}

@media (max-width: 960px) {
  :root { --ag-section-sm: 56px; --ag-section-md: 80px; --ag-section-lg: 96px; }
}
@media (max-width: 720px) {
  :root {
    --ag-side: 16px;
    --ag-gutter: 16px;
    --ag-section-sm: 48px;
    --ag-section-md: 64px;
    --ag-section-lg: 80px;
    --rd-text: var(--ag-text-body);
    --rd-leading: 1.85;
    --hd-height: 56px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ag-dur-fast: 0.01ms; --ag-dur: 0.01ms; --ag-dur-slow: 0.01ms; --ag-lift: 0px; }
}