/* KurashiDX ブランドの色と書体（BRAND.md 2026-10-13）。
   読み込み: <link rel="stylesheet" href="tokens.css">
   フォント: https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@700&display=swap
   夜: OS の設定に従う。強制するときは <html data-theme="dark"> / "light"。 */
:root {
  --kdx-paper: #fffdf8;
  --kdx-sheet: #f7f2e7;
  --kdx-rule: #e4dccb;
  --kdx-rule-strong: #cfc4ad;
  --kdx-text: #1c1917;
  --kdx-text-muted: #57534e;
  --kdx-text-faint: #8a837a;      /* 大きい文字・飾りだけ。本文には使わない */
  --kdx-primary: #1e3a8a;
  --kdx-on-primary: #ffffff;
  --kdx-primary-hover: #172e6e;
  --kdx-accent: #d97706;          /* 点・枠・塗り。白地の文字には使わない */
  --kdx-accent-text: #b45f06;     /* 白地の文字にするときの濃い琥珀（大きい文字のみ） */
  --kdx-accent-tint: #fdf1dc;
  --kdx-seal: #b4232a;            /* 印鑑の表現だけ */
  --kdx-success: #15803d;
  --kdx-success-tint: #e7f4ea;
  --kdx-warning: #b45f06;
  --kdx-error: #b91c1c;
  --kdx-error-tint: #fbe9e7;
  --kdx-info-tint: #e8edf8;

  --kdx-font-heading-formal: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif; /* サイト・法人向け */
  --kdx-font-heading: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
  --kdx-font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;

  --kdx-icon-radius-ratio: 0.21875; /* 角の丸み 14 / 一辺 64 */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --kdx-paper: #14120f; --kdx-sheet: #1d1a16;
    --kdx-rule: #34302a; --kdx-rule-strong: #4a443b;
    --kdx-text: #ece6da; --kdx-text-muted: #b3ac9f; --kdx-text-faint: #8a8478;
    --kdx-primary: #9db2ec; --kdx-on-primary: #0f1730; --kdx-primary-hover: #b6c6f2;
    --kdx-accent: #f0a43a; --kdx-accent-text: #f0a43a; --kdx-accent-tint: #3a2a12;
    --kdx-seal: #e0605a; --kdx-success: #5fbf7f; --kdx-error: #ef7b6f;
    --kdx-warning: #f0a43a;
  }
}
:root[data-theme="dark"] {
  --kdx-paper: #14120f; --kdx-sheet: #1d1a16;
  --kdx-rule: #34302a; --kdx-rule-strong: #4a443b;
  --kdx-text: #ece6da; --kdx-text-muted: #b3ac9f; --kdx-text-faint: #8a8478;
  --kdx-primary: #9db2ec; --kdx-on-primary: #0f1730; --kdx-primary-hover: #b6c6f2;
  --kdx-accent: #f0a43a; --kdx-accent-text: #f0a43a; --kdx-accent-tint: #3a2a12;
  --kdx-seal: #e0605a; --kdx-success: #5fbf7f; --kdx-error: #ef7b6f;
  --kdx-warning: #f0a43a;
}
body { background: var(--kdx-paper); color: var(--kdx-text); font-family: var(--kdx-font-body); }
h1, h2, h3 { font-family: var(--kdx-font-heading); font-weight: 700; }
table, .kdx-num { font-variant-numeric: tabular-nums; }