/* =========================================================
   カラー：水色＋紺（A案）
   元のオレンジに戻すときは、index.html と works.html にある
   <link rel="stylesheet" href="color-sky.css"> の1行を消すだけ
   ========================================================= */
html[data-theme] {
  --sky:#3CB4E6;        /* 線・アイコン・点 */
  --sky-text:#1A86BD;   /* 白地の上の水色の文字 */
  --sky-pale:#EAF7FD;   /* 淡い背景 */
  --navy:#123A57;       /* ボタン */
  --brand:#1A86BD;
  --ink:#123A57;
}
/* ボタン：紺に白文字 */
html[data-theme] .btn-primary, html[data-theme] .nav-tel,
html[data-theme="local"] .btn-primary, html[data-theme="local"] .nav-tel { background:var(--navy); color:#fff; box-shadow:0 10px 22px rgba(18,58,87,.25); }
html[data-theme] .btn-primary:hover, html[data-theme] .nav-tel:hover { background:#0c2b42; }
html[data-theme] .fixed-cta-tel { background:var(--navy); }
html[data-theme] .contact-card .btn:not(.btn-insta) { background:var(--navy); }
/* トップの見出しの色付き部分・ラベル */
html[data-theme] h1 .accent, html[data-theme="local"] h1 .accent { color:#8ADAF8; }
html[data-theme] .hero-kicker i { background:var(--sky); box-shadow:none; }
html[data-theme] .hero-content::after { background:var(--sky); }
/* 小見出しの英字と線 */
html[data-theme] .eyebrow { color:var(--sky-text); }
html[data-theme] .eyebrow::before { background:var(--sky); }
/* 点・線・アイコン */
html[data-theme] .works-note::before { background:var(--sky); }
html[data-theme] .works-note { background:var(--sky-pale); color:var(--ink); }
html[data-theme] .service-icon, html[data-theme="local"] .service-icon { background:var(--sky); }
html[data-theme] .service-no { color:var(--sky-text); }
html[data-theme] .service-menu li { background:var(--sky-pale); color:var(--ink); border:1px solid #bfe5f6; }
html[data-theme] .about-item { border-left-color:var(--sky); }
html[data-theme] .promise-item strong, html[data-theme] .flow-num,
html[data-theme="local"] .promise-item strong, html[data-theme="local"] .flow-num { background:var(--sky-text); }
html[data-theme] .symptom:hover, html[data-theme] .symptom.active { border-color:var(--sky); }
html[data-theme] .category-tab:hover, html[data-theme] .gallery-chip:hover { border-color:var(--sky); }
html[data-theme] .case-meta, html[data-theme] .list-meta { color:var(--sky-text); }
html[data-theme] .company-table a { color:var(--sky-text); }
html[data-theme] .company-table { border-top-color:var(--sky); }
html[data-theme] .area-tags li { background:var(--sky-pale); border-color:#bfe5f6; }
html[data-theme] .work-type { color:#9fe0fb; }
/* 淡い背景の帯 */
html[data-theme="local"] .intro-note { background:var(--sky-pale); }
html[data-theme="local"] .services, html[data-theme="local"] .flow { background:var(--sky-pale); }
html[data-theme="local"] .service-card { border-color:#cdeaf7; }
/* お問い合わせの帯 */
html[data-theme="local"] .contact { background:linear-gradient(135deg,#123A57 0%,#1A6E9C 100%); }

html[data-theme] .cat-defs div { background:var(--sky-pale); }
html[data-theme] .cat-link { border-bottom-color:var(--sky); }

/* ボタン下の水色の線を削除 */
html[data-theme] .hero-content::after { display:none; }