/* UI テーマ（data-theme / localStorage: mt-ui-theme） */

:root,
html[data-theme="blue"] {
  --theme-primary: #2f5be8;
  --theme-primary-2: #5276f2;
  --theme-primary-rgb: 47, 91, 232;
  --theme-bg-1: #f4f8ff;
  --theme-bg-2: #e8eefc;
  --theme-bg-3: #dde7fb;
  --theme-surface: #f4f7ff;
  --theme-surface-2: #f9fbff;
  --theme-surface-3: #fcfdff;
  --theme-surface-4: #f7f9ff;
  --theme-surface-5: #f8faff;
  --theme-border: #d6deef;
  --theme-border-2: #d0dbf6;
  --theme-border-3: #e0e8fb;
  --theme-border-4: #dbe5fb;
  --theme-border-5: #e1e7f5;
  --theme-border-6: #bfc9e6;
  --theme-border-7: #edf1fa;
  --theme-text: #1d2b52;
  --theme-text-2: #5f6f99;
  --theme-text-3: #445a8f;
  --theme-text-4: #4f6296;
  --theme-text-5: #4b5f96;
  --theme-text-6: #243d78;
  --theme-accent-soft: #dce8ff;
  --theme-shadow-rgb: 50, 70, 120;
  --theme-btn-shadow-rgb: 55, 83, 146;
}

html[data-theme="red"] {
  --theme-primary: #c62828;
  --theme-primary-2: #e53935;
  --theme-primary-rgb: 198, 40, 40;
  --theme-bg-1: #fff5f5;
  --theme-bg-2: #fce8e8;
  --theme-bg-3: #f8d9d9;
  --theme-surface: #fff4f4;
  --theme-surface-2: #fff9f9;
  --theme-surface-3: #fffcfc;
  --theme-surface-4: #fff6f6;
  --theme-surface-5: #fff8f8;
  --theme-border: #efd0d0;
  --theme-border-2: #f0c4c4;
  --theme-border-3: #f0d4d4;
  --theme-border-4: #efcfcf;
  --theme-border-5: #f0d8d8;
  --theme-border-6: #e0b0b0;
  --theme-border-7: #f5e4e4;
  --theme-text: #4a1c1c;
  --theme-text-2: #8f5a5a;
  --theme-text-3: #8a4040;
  --theme-text-4: #964848;
  --theme-text-5: #8f4b4b;
  --theme-text-6: #7a2424;
  --theme-accent-soft: #ffd6d6;
  --theme-shadow-rgb: 120, 50, 50;
  --theme-btn-shadow-rgb: 146, 55, 55;
}

html[data-theme="green"] {
  --theme-primary: #2e7d32;
  --theme-primary-2: #43a047;
  --theme-primary-rgb: 46, 125, 50;
  --theme-bg-1: #f4faf5;
  --theme-bg-2: #e8f5ea;
  --theme-bg-3: #dcefdc;
  --theme-surface: #f3f9f4;
  --theme-surface-2: #f8fcf9;
  --theme-surface-3: #fcfefc;
  --theme-surface-4: #f5faf6;
  --theme-surface-5: #f6fbf7;
  --theme-border: #d0e4d2;
  --theme-border-2: #c5dbc8;
  --theme-border-3: #d4e8d6;
  --theme-border-4: #cfe3d1;
  --theme-border-5: #d6e8d8;
  --theme-border-6: #aecfb3;
  --theme-border-7: #e2efe4;
  --theme-text: #1c3d20;
  --theme-text-2: #5a7a5f;
  --theme-text-3: #3f6b44;
  --theme-text-4: #4a754f;
  --theme-text-5: #4a704f;
  --theme-text-6: #245028;
  --theme-accent-soft: #d4efd7;
  --theme-shadow-rgb: 50, 100, 60;
  --theme-btn-shadow-rgb: 55, 120, 70;
}

html[data-theme="orange"] {
  --theme-primary: #ef6c00;
  --theme-primary-2: #fb8c00;
  --theme-primary-rgb: 239, 108, 0;
  --theme-bg-1: #fff8f1;
  --theme-bg-2: #ffefdf;
  --theme-bg-3: #ffe4c9;
  --theme-surface: #fff6ec;
  --theme-surface-2: #fffcf7;
  --theme-surface-3: #fffcf9;
  --theme-surface-4: #fff8f0;
  --theme-surface-5: #fff9f2;
  --theme-border: #efd8c0;
  --theme-border-2: #f0d0b0;
  --theme-border-3: #f0dcc8;
  --theme-border-4: #efd6bc;
  --theme-border-5: #f0dcc8;
  --theme-border-6: #e0b888;
  --theme-border-7: #f5e8da;
  --theme-text: #4a2e10;
  --theme-text-2: #8f6a40;
  --theme-text-3: #8a5520;
  --theme-text-4: #965c28;
  --theme-text-5: #8f5c28;
  --theme-text-6: #7a4010;
  --theme-accent-soft: #ffe0b8;
  --theme-shadow-rgb: 120, 80, 40;
  --theme-btn-shadow-rgb: 146, 90, 40;
}

html[data-theme="purple"] {
  --theme-primary: #6a1b9a;
  --theme-primary-2: #8e24aa;
  --theme-primary-rgb: 106, 27, 154;
  --theme-bg-1: #faf5ff;
  --theme-bg-2: #f2e8fc;
  --theme-bg-3: #e8daf5;
  --theme-surface: #f7f2fc;
  --theme-surface-2: #fbf8fe;
  --theme-surface-3: #fdfbff;
  --theme-surface-4: #f8f3fc;
  --theme-surface-5: #f9f5fd;
  --theme-border: #e0d0ef;
  --theme-border-2: #d8c4ec;
  --theme-border-3: #e4d4f0;
  --theme-border-4: #dfcef0;
  --theme-border-5: #e4d6f0;
  --theme-border-6: #c4a8d8;
  --theme-border-7: #eee4f5;
  --theme-text: #2e1a42;
  --theme-text-2: #6f5a88;
  --theme-text-3: #5a3f78;
  --theme-text-4: #664888;
  --theme-text-5: #604880;
  --theme-text-6: #4a2470;
  --theme-accent-soft: #e8d4f5;
  --theme-shadow-rgb: 80, 50, 120;
  --theme-btn-shadow-rgb: 90, 55, 146;
}

/* ラベル色（独立選択 / localStorage: mt-ui-label-color）
   --ui-label: 通常ラベル文字
   --ui-label-bg / --ui-label-border: 見積入力左ペイン等の帯ラベル */
:root,
html[data-label-color="blue"] {
  --ui-label: #5169a0;
  --ui-label-bg: #6f6faf;
  --ui-label-border: #4f4f8f;
}
html[data-label-color="red"] {
  --ui-label: #c62828;
  --ui-label-bg: #c62828;
  --ui-label-border: #8e1b1b;
}
html[data-label-color="green"] {
  --ui-label: #2e7d32;
  --ui-label-bg: #43a047;
  --ui-label-border: #2e7d32;
}
html[data-label-color="orange"] {
  --ui-label: #ef6c00;
  --ui-label-bg: #fb8c00;
  --ui-label-border: #ef6c00;
}
html[data-label-color="purple"] {
  --ui-label: #6a1b9a;
  --ui-label-bg: #8e24aa;
  --ui-label-border: #6a1b9a;
}
html[data-label-color="brown"] {
  --ui-label: #8d6e63;
  --ui-label-bg: #8d6e63;
  --ui-label-border: #6d4c41;
}
html[data-label-color="black"] {
  --ui-label: #212121;
  --ui-label-bg: #424242;
  --ui-label-border: #212121;
}
html[data-label-color="gray"] {
  --ui-label: #607d8b;
  --ui-label-bg: #78909c;
  --ui-label-border: #546e7a;
}

/* 文字色（独立選択 / localStorage: mt-ui-text-color）
   --ui-label-fg: 帯ラベル上の文字色 */
:root,
html[data-text-color="blue"] {
  --ui-text: #1d2b52;
  --ui-text-muted: #5f6f99;
  --ui-label-fg: #ffffff;
}
html[data-text-color="red"] {
  --ui-text: #4a1c1c;
  --ui-text-muted: #8f5a5a;
  --ui-label-fg: #ffebee;
}
html[data-text-color="green"] {
  --ui-text: #1c3d20;
  --ui-text-muted: #5a7a5f;
  --ui-label-fg: #e8f5e9;
}
html[data-text-color="orange"] {
  --ui-text: #4a2e10;
  --ui-text-muted: #8f6a40;
  --ui-label-fg: #fff3e0;
}
html[data-text-color="purple"] {
  --ui-text: #2e1a42;
  --ui-text-muted: #6f5a88;
  --ui-label-fg: #f3e5f5;
}
html[data-text-color="brown"] {
  --ui-text: #4e342e;
  --ui-text-muted: #8d6e63;
  --ui-label-fg: #efebe9;
}
html[data-text-color="black"] {
  --ui-text: #212121;
  --ui-text-muted: #616161;
  --ui-label-fg: #ffffff;
}
html[data-text-color="gray"] {
  --ui-text: #37474f;
  --ui-text-muted: #78909c;
  --ui-label-fg: #eceff1;
}

/* ボタン文字色（独立選択 / localStorage: mt-ui-btn-text-color） */
:root,
html[data-btn-text-color="brown"] {
  --ui-btn-text: #993300;
}
html[data-btn-text-color="blue"] {
  --ui-btn-text: #2f4c9a;
}
html[data-btn-text-color="red"] {
  --ui-btn-text: #c62828;
}
html[data-btn-text-color="green"] {
  --ui-btn-text: #2e7d32;
}
html[data-btn-text-color="orange"] {
  --ui-btn-text: #ef6c00;
}
html[data-btn-text-color="purple"] {
  --ui-btn-text: #6a1b9a;
}
html[data-btn-text-color="black"] {
  --ui-btn-text: #212121;
}
html[data-btn-text-color="gray"] {
  --ui-btn-text: #546e7a;
}