/* tokens.css — Design_Standard.md § 2 fully mirrored.
   Source of truth: Design_Standard.md v1.1.
   Do NOT add new colors here; extend Design_Standard first.
   R-26 compliance. */

:root {
  /* ===== Language (Oxford) ===== */
  --navy: #0F1629;
  --accent1: #3B82F6;
  --accent2: #F97316;
  --accent3: #10B981;
  --accent4: #EAB308;
  --accent5: #EC4899;

  --accent1-tint: #93C5FD;
  --accent2-tint: #FDBA74;
  --accent3-tint: #6EE7B7;
  --accent4-tint: #FCD34D;
  --accent5-tint: #F9A8D4;

  --bg: #F7F3EE;
  --cover: #0F1629;
  --text-body: #374151;
  --white: #FFFFFF;

  --blue: var(--accent1);
  --orange: var(--accent2);
  --green: var(--accent3);
  --yellow: var(--accent4);
  --pink: var(--accent5);

  --dark-surface: rgba(255, 255, 255, 0.08);
  --dark-border: rgba(255, 255, 255, 0.12);
  --accent4-text: var(--navy);

  --shadow-sm: 0 1px 2px rgba(15, 22, 41, 0.06);
  --shadow-md: 0 2px 8px rgba(15, 22, 41, 0.08);
  --shadow-lg: 0 8px 24px rgba(15, 22, 41, 0.12);
  --shadow-bento: 4px 4px 0 var(--navy);

  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-input: 6px;
  --radius-pill: 999px;

  --danger: #DC2626;
  --danger-tint: #FCA5A5;

  /* ===== Design_Standard § 2.2b — Econ 跨主题固定别名 =====
     这三个变量始终可达（不受 data-theme 切换影响），
     供 Dashboard 外壳（Language 主题）中的 .book-card--econ 使用。
     [data-theme="econ"] 内部的 --navy / --accent1 / --bg 也由它们派生。*/
  --econ-navy: #1C1532;
  --econ-accent1: #DC2626;
  --econ-bg: #FAF5EE;

  /* Typography (Design_Standard § 5) */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI",
               "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-display: "Inter", system-ui, -apple-system, "PingFang SC",
                  "Microsoft YaHei", sans-serif;

  --fs-display: clamp(32px, 5vw, 48px);
  --fs-h1: clamp(24px, 3.5vw, 32px);
  --fs-h2: clamp(20px, 2.8vw, 24px);
  --fs-h3: 18px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11px;

  --fw-display: 800;
  --fw-strong: 700;
  --fw-body: 400;

  --lh-tight: 1.2;
  --lh-body: 1.6;
}

[data-theme="econ"] {
  /* Navy / accent1 / bg 引用 :root 固定别名，保持 DRY */
  --navy: var(--econ-navy);
  --accent1: var(--econ-accent1);
  --accent2: #D97706;
  --accent3: #059669;
  --accent4: #2563EB;
  --accent5: #C026D3;

  --accent1-tint: #FCA5A5;
  --accent2-tint: #FCD34D;
  --accent3-tint: #6EE7B7;
  --accent4-tint: #93C5FD;
  --accent5-tint: #E879F9;

  --bg: var(--econ-bg);
  --cover: var(--econ-navy);
  --text-body: #44403C;
  --accent4-text: white;

  --shadow-sm: 0 1px 2px rgba(28, 21, 50, 0.06);
  --shadow-md: 0 2px 8px rgba(28, 21, 50, 0.08);
  --shadow-lg: 0 8px 24px rgba(28, 21, 50, 0.12);
  --shadow-bento: 4px 4px 0 var(--navy);
}
