/*
 * theme.css — ハコブLINE（営業デモ）の色：オレンジとグレー（2026-10-12 ユーザー指示）
 * 標準の緑（KIZUNA の画面の色）を、明るさを保ってオレンジ・グレーに置き換えたもの。
 * 雛形から作り直しても、このファイルは上書きしない（sync-from-template.sh）
 */
:root:root {
  --tone-2e8b50: #ED751F;
  --tone-4e5c55: #4E535C;
  --tone-e1f1e6: #F8E8DA;
  --brand: #D9660A; --brand-strong: #B85407; --brand-deep: #8F4206; --brand-soft: #FFF1E3; --brand-softer: #FFF8F1; --brand-ring: rgba(217, 102, 10, .22);
  --bg: #F3F4F6; --surface-2: #F7F8FA; --surface-3: #F1F3F5; --ink: #2F3237; --ink-2: #3D4148; --muted: #5B616B; --faint: #9AA0A8; --line: #E5E7EB; --line-strong: #D9DCE1;
  --orange: #F5821F; --orange-soft: #FFF1E3;
  --shadow-1: 0 1px 2px rgba(31, 35, 41, .05), 0 4px 16px rgba(31, 35, 41, .06);
  --shadow-2: 0 2px 6px rgba(31, 35, 41, .07), 0 12px 28px rgba(31, 35, 41, .10);
  --shadow-3: 0 18px 48px rgba(31, 35, 41, .22);
  --tone-06c755: #F87A20;
  --tone-0a622a: #91430C;
  --tone-0b6a2f: #9D490D;
  --tone-0c6e30: #A44C0D;
  --tone-0e1813: #683008;
  --tone-0f7a37: #B8550F;
  --tone-0f9a45: #E36912;
  --tone-12813c: #C55B10;
  --tone-13201a: #683008;
  --tone-13803b: #C55B10;
  --tone-16883f: #D46211;
  --tone-17893f: #D76411;
  --tone-1b2721: #1E2024;
  --tone-1d2a24: #202227;
  --tone-1f2a24: #212328;
  --tone-1f2b25: #212429;
  --tone-26a94f: #EE7C2B;
  --tone-2b3832: #2D3036;
  --tone-2e3a34: #2F3239;
  --tone-2e7d32: #E56A13;
  --tone-2fa35a: #EE7C2B;
  --tone-33403a: #34383F;
  --tone-3c4843: #3C4048;
  --tone-3e4a44: #3E424A;
  --tone-3f4b45: #3F434B;
  --tone-46a96a: #EE7C2B;
  --tone-4caf6e: #EE7C2B;
  --tone-8de055: #F08C45;
  --tone-9ccfae: #F4AB77;
  --tone-bfe5ca: #F4D0B0;
  --tone-c6e3cf: #F0D3B9;
  --tone-c9e6d3: #F2D6BD;
  --tone-cbe7d3: #F3D7BF;
  --tone-cfd8d3: #E2D3C5;
  --tone-cfead8: #F5DBC4;
  --tone-d8ecdd: #F5E1CF;
  --tone-d8f3df: #FCE4CF;
  --tone-d9ebdf: #F3E1D0;
  --tone-dce4df: #EBDFD5;
  --tone-dce6e0: #EEE0D4;
  --tone-e1efe5: #F6E7DA;
  --tone-e3e9e5: #EFE5DD;
  --tone-e3ece6: #F2E7DD;
  --tone-e3f2e7: #F8EADD;
  --tone-e4f2e8: #F8EADE;
  --tone-e4f4e8: #FAEBDE;
  --tone-e6ede9: #F2E9E1;
  --tone-e6eee9: #F3E9E1;
  --tone-e6f0ea: #F5EAE1;
  --tone-e6f4ea: #FAECE0;
  --tone-e8efeb: #F4EBE3;
  --tone-eaf1ec: #EBEDF0;
  --tone-edf1ee: #EDEEF1;
  --tone-edf2ef: #EDEFF2;
  --tone-edf7f0: #F0F1F4;
  --tone-eef1f0: #EDEFF2;
  --tone-eef3f0: #EEF0F3;
  --tone-eef4f0: #EFF0F3;
  --tone-eef6f0: #F0F1F4;
  --tone-eef7f1: #F1F2F4;
  --tone-eef8f1: #F1F2F5;
  --tone-f1f4f3: #F1F2F4;
  --tone-f2f9f4: #F4F5F7;
  --tone-f3f7f5: #F4F5F6;
  --tone-f3faf5: #F5F6F8;
  --tone-f4f6f5: #F4F5F6;
  --tone-f4f8f5: #F5F6F7;
  --tone-f5fbf7: #F7F8F9;
  --tone-f7fcf9: #F9F9FA;
  --tone-f8fbf9: #F9F9FA;
  --tone-fafbfa: #FAFAFB;
  --tone-fafcfb: #FAFBFC;
  --tone-fafefb: #FCFCFC;
  --tone-fcfefd: #FDFDFD;
  --tone-rgb-0a1911: 104, 48, 8;
  --tone-rgb-0c1812: 104, 48, 8;
  --tone-rgb-0c6e30: 164, 76, 13;
  --tone-rgb-0f1914: 104, 48, 8;
  --tone-rgb-10201a: 104, 48, 8;
  --tone-rgb-102a1c: 104, 48, 8;
  --tone-rgb-13803b: 197, 91, 16;
  --tone-rgb-a0deb2: 245, 182, 137;
  --tone-rgb-aadeba: 246, 188, 146;
  --tone-rgb-d6eede: 247, 225, 205;
  --tone-rgb-f0f8f3: 242, 243, 246;
  --tone-rgb-f6fbf7: 248, 248, 249;
}
/* LINEの緑（ボタンなど）は LINE の部分だけ。画面の飾りの絵は、色をオレンジ寄りに */
.sidebar-art, .page-hero-art, .hd-hero-art { filter: hue-rotate(-105deg) saturate(.9); }