/* ui-kit から配った写し。ここを直さない（正本 key3media/ui-kit themes/designs.css、版 95054ee） */
/* デザインテーマ（名前付きの雰囲気。2026-11-05 矢吹さん「重厚を選んだらバーガンディ主体に、最初からデザインテーマがあったほうがいい」）
   ・白黒（data-theme）と同じように、<html data-design="…"> で切り替える。選ぶのは名前のメニューの中だけ（kit-theme.js）。
   ・何も選ばないときは「標準」＝ kit-tokens.css のまま（青）。
   ・変えてよいのは 地・カード・字・線・主の色・角丸・影・見出しの字（--kit-f-head）だけ。状態とジャンルの色・バッジ・ボタンの働きは全テーマ共通。
   ・値を変えたら読みやすさ（WCAG AA）を測り直す。今の値は白黒とも全部 4.5:1 以上（合意4 の見本で測った）。
   ・アプリがどのテーマを出すかは <html data-designs="standard classic"> で決める（無ければ全部）。 */

/* 重厚（白） ― 生成りの紙の地に、深いバーガンディ。見出しは明朝 */
html[data-design="classic"]{
  --kit-nav-bar: #e88a9b;
  --kit-bg: #f6f1e9;
  --kit-surface: #fffdf9;
  --kit-surface-2: #efe8dc;
  --kit-hover: #f8f2e8;
  --kit-heading: #2a1a17;
  --kit-ink: #241a17;
  --kit-ink-2: #4c3f3a;
  --kit-muted: #6a5b54;
  --kit-line: #e5dccd;
  --kit-line-strong: #cfc2ad;
  --kit-accent: #8a1f35;
  --kit-accent-text: #8a1f35;
  --kit-accent-ink: #ffffff;
  --kit-accent-soft: #f6e4e7;
  --kit-shadow: 0 2px 6px rgba(70,40,20,.08);
  --kit-r-sm: 4px; --kit-r: 8px; --kit-r-lg: 12px; --kit-panel-r: var(--kit-r-sm);
  --kit-f-head: "Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;
  --vz-primary-rgb: 138, 31, 53; --vz-link-color-rgb: 138, 31, 53;
}
/* 重厚（黒） */
html[data-design="classic"][data-theme="dark"]{
  --kit-bg: #15100e;
  --kit-surface: #1f1815;
  --kit-surface-2: #1a1411;
  --kit-hover: #261d19;
  --kit-heading: #f1e7dc;
  --kit-ink: #ebe1d6;
  --kit-ink-2: #c9bbad;
  --kit-muted: #b0a092;
  --kit-line: #33281f;
  --kit-line-strong: #45372c;
  --kit-accent: #e88a9b;
  --kit-accent-text: #ec9aa9;
  --kit-accent-ink: #2a0b12;
  --kit-accent-soft: rgba(232,138,155,.14);
  --kit-shadow: 0 2px 6px rgba(0,0,0,.35);
  --vz-primary-rgb: 232, 138, 155; --vz-link-color-rgb: 236, 154, 169;
}
/* 墨と青緑（白） ― 生成りの灰色の地に、落ち着いた青緑。角はほぼ四角で影なし */
html[data-design="sumi"]{
  --kit-nav-bar: #4fc9bd;
  --kit-bg: #f5f5f2;
  --kit-surface: #ffffff;
  --kit-surface-2: #efefea;
  --kit-hover: #f6f6f1;
  --kit-heading: #1f2421;
  --kit-ink: #1c201e;
  --kit-ink-2: #444a46;
  --kit-muted: #5b615d;
  --kit-line: #e2e2dc;
  --kit-line-strong: #c9c9c0;
  --kit-accent: #0f6b66;
  --kit-accent-text: #0f6b66;
  --kit-accent-ink: #ffffff;
  --kit-accent-soft: #e3f2f0;
  --kit-shadow: none;
  --kit-r-sm: 2px; --kit-r: 3px; --kit-r-lg: 6px; --kit-panel-r: var(--kit-r-sm);
  --vz-primary-rgb: 15, 107, 102; --vz-link-color-rgb: 15, 107, 102;
}
/* 墨と青緑（黒） */
html[data-design="sumi"][data-theme="dark"]{
  --kit-bg: #121514;
  --kit-surface: #1a1e1c;
  --kit-surface-2: #161a18;
  --kit-hover: #202522;
  --kit-heading: #e6e9e6;
  --kit-ink: #dfe3e0;
  --kit-ink-2: #b9c0bb;
  --kit-muted: #a2aaa4;
  --kit-line: #2a302d;
  --kit-line-strong: #39413d;
  --kit-accent: #4fc9bd;
  --kit-accent-text: #6fd3c8;
  --kit-accent-ink: #08201d;
  --kit-accent-soft: rgba(79,201,189,.14);
  --kit-shadow: none;
  --vz-primary-rgb: 79, 201, 189; --vz-link-color-rgb: 111, 211, 200;
}
/* 白い画廊（白） ― 真っ白な壁に墨の字、主の色は藍。角は四角で影なし */
html[data-design="gallery"]{
  --kit-nav-bar: #9fb2e8;
  --kit-bg: #ffffff;
  --kit-surface: #ffffff;
  --kit-surface-2: #f4f4f2;
  --kit-hover: #f7f7f5;
  --kit-heading: #111111;
  --kit-ink: #161616;
  --kit-ink-2: #3f3f3f;
  --kit-muted: #5e5e5e;
  --kit-line: #e6e6e3;
  --kit-line-strong: #cfcfca;
  --kit-accent: #2b3a67;
  --kit-accent-text: #2b3a67;
  --kit-accent-ink: #ffffff;
  --kit-accent-soft: #e8ebf3;
  --kit-shadow: none;
  --kit-r-sm: 0px; --kit-r: 2px; --kit-r-lg: 4px; --kit-panel-r: var(--kit-r-sm);
  --kit-f-head: "Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;
  --vz-primary-rgb: 43, 58, 103; --vz-link-color-rgb: 43, 58, 103;
}
/* 白い画廊（黒） */
html[data-design="gallery"][data-theme="dark"]{
  --kit-bg: #0d0d0d;
  --kit-surface: #151515;
  --kit-surface-2: #111111;
  --kit-hover: #1c1c1c;
  --kit-heading: #f2f2f2;
  --kit-ink: #e8e8e8;
  --kit-ink-2: #bdbdbd;
  --kit-muted: #a5a5a5;
  --kit-line: #2a2a2a;
  --kit-line-strong: #3a3a3a;
  --kit-accent: #9fb2e8;
  --kit-accent-text: #a9bbec;
  --kit-accent-ink: #0e1530;
  --kit-accent-soft: rgba(159,178,232,.14);
  --kit-shadow: none;
  --vz-primary-rgb: 159, 178, 232; --vz-link-color-rgb: 169, 187, 236;
}