/* Indonesia Country OS · design tokens
   三层：primitive 色板 → semantic 语义（主题即换一组取值）→ component 少量。
   对比度契约：正文（--text-1/--text-2）vs --bg-canvas ≥ 4.5:1，由
   tests/ui_foundation_css.test.js 机器验证。 */

:root {
  /* primitive palette */
  --p-ink-950: #070d19;
  --p-ink-900: #0a0f1a;
  --p-ink-800: #101827;
  --p-ink-700: #16202f;
  --p-ink-600: #1e2939;
  --p-ink-500: #2d3b4f;
  --p-mist-100: #e9eef6;
  --p-mist-300: #b7c2d0;
  --p-mist-500: #93a1b3;
  --p-sky-400: #4cc2ff;
  --p-sky-ink: #06283c;
  --p-teal-700: #14655f;
  --p-clay-600: #b53e28;
  --p-paper-50: #f6f4ef;
  --p-paper-0: #fffdf8;
  --p-paper-100: #efece4;
  --p-parch-50: #f6f1e7;
  --p-parch-0: #fffdf7;
  --p-parch-100: #efe8da;
  --p-green-500: #3ddc97;
  --p-green-700: #177245;
  --p-amber-400: #ffb454;
  --p-amber-700: #a35a08;
  --p-red-400: #ff7a7a;
  --p-red-700: #b3261e;

  /* component tokens */
  --btn-h: 32px;
  --btn-h-touch: 44px;
  --table-row-h: 40px;
  --table-row-h-compact: 34px;
  --topbar-h: 52px;
}

/* 默认主题：曜石指挥台（精致暗色） */
body[data-theme="obsidian"] {
  --bg-canvas: #0a0f1a;
  --bg-surface: #101827;
  --bg-elevated: #16202f;
  --text-1: #e9eef6;
  --text-2: #b7c2d0;
  --text-3: #93a1b3;
  --line-1: #1e2939;
  --line-2: #2d3b4f;
  --accent: #4cc2ff;
  --accent-soft: rgba(76, 194, 255, 0.14);
  --accent-ink: #06283c;
  --good: #3ddc97;
  --warn: #ffb454;
  --bad: #ff7a7a;
  --focus: #4cc2ff;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.55);
  --radius-1: 6px;
  --radius-2: 8px;
  --radius-3: 10px;
}

/* 可切换亮色主题：纸感台账（编辑亮色） */
body[data-theme="paper"] {
  --bg-canvas: #f6f4ef;
  --bg-surface: #fffdf8;
  --bg-elevated: #efece4;
  --text-1: #1b1916;
  --text-2: #4c4842;
  --text-3: #6f6a60;
  --line-1: #e2dcd0;
  --line-2: #cbc2b2;
  --accent: #14655f;
  --accent-soft: rgba(20, 101, 95, 0.1);
  --accent-ink: #ffffff;
  --good: #177245;
  --warn: #a35a08;
  --bad: #b3261e;
  --focus: #14655f;
  --shadow-1: 0 1px 2px rgba(60, 50, 30, 0.08);
  --shadow-2: 0 4px 12px rgba(60, 50, 30, 0.12);
  --shadow-3: 0 12px 32px rgba(60, 50, 30, 0.16);
  --radius-1: 6px;
  --radius-2: 8px;
  --radius-3: 10px;
}

/* 内容模块深读态：编辑级美学（parchment + 衬线） */
body[data-aesthetic="editorial"] {
  --bg-canvas: #f6f1e7;
  --bg-surface: #fffdf7;
  --bg-elevated: #efe8da;
  --text-1: #241d16;
  --text-2: #514839;
  --text-3: #6f6555;
  --line-1: #ddd2bc;
  --line-2: #c4b799;
  --accent: #b53e28;
  --accent-soft: rgba(181, 62, 40, 0.1);
  --accent-ink: #ffffff;
  --good: #177245;
  --warn: #a35a08;
  --bad: #b3261e;
  --focus: #b53e28;
  --shadow-1: 0 1px 3px rgba(70, 55, 30, 0.1);
  --shadow-2: 0 4px 14px rgba(70, 55, 30, 0.14);
  --shadow-3: 0 12px 32px rgba(70, 55, 30, 0.18);
  --radius-1: 4px;
  --radius-2: 6px;
  --radius-3: 8px;
}