/* AJ Design DNA v2 — design tokens. 说明见 DESIGN.md
   原则：黑白灰打底，每个画面只选一个专色（设置 --aj-spot）。 */
:root {
  /* 底色：每个画面选一个 */
  --aj-paper: #F3F2EE;
  --aj-white: #FFFFFF;
  --aj-cream: #F1E9DA;
  --aj-grey-paper: #C9C8C4;
  --aj-ink: #121211;
  --aj-olive: #3D442A;

  /* 灰阶 */
  --aj-grey-700: #3E3E3D;
  --aj-grey-500: #8E8D8A;
  --aj-grey-200: #DDDCD7;

  /* 专色：每个画面只选一个 */
  --aj-vermilion: #E8432A;
  --aj-yolk: #E8CE1A;
  --aj-cerulean: #1389CC;
  --aj-sky: #7DBEE6;
  --aj-periwinkle: #6F86E8;
  --aj-lime: #C9E83C;
  --aj-magenta: #F0249B;
  --aj-kelly: #1FA24A;

  /* 语义 */
  --aj-bg: var(--aj-paper);
  --aj-text: var(--aj-ink);
  --aj-muted: var(--aj-grey-500);
  --aj-line: var(--aj-grey-200);
  --aj-spot: var(--aj-vermilion);

  /* 字体 */
  --aj-font-sans: "Inter Tight", "Helvetica Neue", "Noto Sans SC", "Source Han Sans SC", "PingFang SC", sans-serif;
  --aj-font-mono: "IBM Plex Mono", "Space Mono", ui-monospace, monospace;
  --aj-font-serif: "Instrument Serif", "Noto Serif SC", "Source Han Serif SC", serif;
  /* 2026-11-15：网页不用手写字体（中文会回落成系统楷体）。批注用等宽小字；点缀用衬线，拉丁文可斜体，中文不做斜体 */
  --aj-font-hand: var(--aj-font-mono);
  --aj-font-pixel: "Silkscreen", "Zpix", monospace;

  /* 字号：一处很大，其余很小 */
  --aj-text-hero: clamp(40px, 6.4vw, 96px);
  --aj-text-h1: clamp(30px, 4vw, 56px);
  --aj-text-h2: 24px;
  --aj-text-body: 16px;
  --aj-text-small: 13px;
  --aj-text-label: 11px; /* 等宽、大写、字距 0.04em */
  --aj-tracking-tight: -0.035em;

  /* 间距：8 的倍数 */
  --aj-space-1: 8px;
  --aj-space-2: 16px;
  --aj-space-3: 24px;
  --aj-space-4: 32px;
  --aj-space-6: 48px;
  --aj-space-8: 64px;
  --aj-space-12: 96px;
  --aj-space-16: 128px;

  /* 线：细。默认直角，不用投影 */
  --aj-hairline: 1px solid var(--aj-line);
  --aj-rule: 1px solid var(--aj-text);
  --aj-radius: 0px;
}

/* 黑底：舞台屏、夜场海报、暗场 */
[data-aj-theme="dark"] {
  --aj-bg: var(--aj-ink);
  --aj-text: #F3F2EE;
  --aj-muted: #8E8D8A;
  --aj-line: #2E2E2C;
  --aj-spot: var(--aj-yolk);
}

/* 灰纸：单色海报、导视 */
[data-aj-theme="grey"] {
  --aj-bg: var(--aj-grey-paper);
  --aj-line: #A9A8A4;
  --aj-muted: #5E5D5A;
  --aj-spot: var(--aj-lime);
}

/* 米纸：手绘、角色、票根 */
[data-aj-theme="cream"] {
  --aj-bg: var(--aj-cream);
  --aj-line: #D8CDB8;
}

.aj-label {
  font-family: var(--aj-font-mono);
  font-size: var(--aj-text-label);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}