/* =============================================================================
 * さいたま市の植木屋相談窓口 — サイト固有テーマ（初版・最小構成）
 *
 * コンセプト: 常磐（ときわ・常緑の深い青緑）× 臙脂（えんじ）× 生成り（きなり）の地。
 *   既存4サイト（伐採=深緑×橙／草刈り=オリーブ×琥珀／外構=紺×茶／HC=青×琥珀）と
 *   地色・主色・アクセントのどれも重ならないようにした。写真は使っていない。
 *
 * 特異性: README「サイト別デザイン」に従い、全セレクタを
 *   html body.t-uekiya:not(#never) … で書き、コンポーネントの scoped CSS を確実に上回らせる。
 *
 * コントラスト（ud-check 実測 2026-09-24）
 *   #155e63 on #fff        本文7:1(AAA) 合格   … primary（見出し・リンク）
 *   #fff    on #a4262c     本文7:1(AAA) 合格   … accent（CTAボタン）
 *   #155e63 on #faf7ef     本文4.5:1 合格      … 生成りの地の上の primary
 *   #1f2a24 on #faf7ef     本文7:1 合格        … 本文色
 *   #5b5a4f on #faf7ef     本文4.5:1 合格      … 補足文（muted）
 *   #5b5a4f on #eef3f1     本文4.5:1 合格      … soft 面の補足文
 *   #e8f0ee on #155e63     本文4.5:1 合格      … ファーストビューの補足文
 *   デザイン調整を重ねるなら claude.ai でプレビューしながら詰める
 * ========================================================================== */

html:root {
  --u-kinari: #faf7ef;
  --u-soft: #eef3f1;
  --u-ink: #1f2a24;
  --u-line: #d9d4c4;

  --c-text: var(--u-ink);
  --c-muted: #5b5a4f;
  --c-border: var(--u-line);
  --c-bg: #ffffff;
  --c-bg-soft: var(--u-soft);
}

html body.t-uekiya:not(#never) {
  background: var(--u-kinari);
}

/* 見出し: 左に常磐の縦罫を置く。和の帳面の見出しの付け方に寄せる */
html body.t-uekiya:not(#never) main h2 {
  color: var(--c-primary);
  padding-inline-start: 0.75rem;
  border-inline-start: 4px solid var(--c-primary);
}

/* ファーストビュー: 常磐の地に生成りの文字 */
html body.t-uekiya:not(#never) .hero {
  background: var(--c-primary);
  color: #fff;
  border-bottom: 0;
}
html body.t-uekiya:not(#never) .hero .hero__title {
  color: #fff;
}
html body.t-uekiya:not(#never) .hero .hero__lead,
html body.t-uekiya:not(#never) .hero .hero__note {
  color: #e8f0ee;
}
html body.t-uekiya:not(#never) .hero .btn--primary {
  box-shadow: 0 0 0 2px #fff;
}

html body.t-uekiya:not(#never) .section--soft {
  background: var(--u-soft);
}

html body.t-uekiya:not(#never) .site-header {
  background: #fff;
  border-bottom: 3px solid var(--c-primary);
}

/* 帯CTA（ContactCta・.band）は常磐の地に白文字。上の main h2 の色・罫を白に戻す */
html body.t-uekiya:not(#never) main .band h2 {
  color: #fff;
  border-inline-start-color: #fff;
}
html body.t-uekiya:not(#never) .band .btn--primary {
  box-shadow: 0 0 0 2px #fff;
}