@charset "UTF-8";
/* 2026-10-29 林様「画面黒いし怖い」→ 明るい配色（和紙の白地＋墨の文字、金・朱はそのまま差し色）
   lux.css の後に読み込んで色だけ上書きする。戻すときは index.html のこの CSS の <link> を外す */
:root{
  --bg:#fbf8f3;
  --bg-2:#f4eee5;
  --surface:#ffffff;
  --surface-2:#f7f2ea;
  --line:#e6ddcf;
  --line-2:#d7cab6;
  --gold:#8a6a2c;          /* 白地で読める濃さの金 */
  --gold-soft:#b89a5e;
  --text:#2b2520;
  --muted:#5f564c;
  --muted-2:#857a6d;
}
.topbar{background:rgba(255,253,249,.95);}
.hero{background:
    radial-gradient(1200px 500px at 75% -10%,rgba(200,168,105,.20),transparent 60%),
    linear-gradient(180deg,#fffdf9,#f7f1e7);}
.hero-badge{box-shadow:0 10px 18px -8px rgba(90,60,20,.35);}
.cat-card .ph img{opacity:.95;}
.cat-card::after{background:linear-gradient(180deg,rgba(255,253,249,0) 28%,rgba(255,253,249,.95) 66%);}
.cat-card .price b{color:var(--text);}
.cat-card:hover{box-shadow:0 22px 40px -26px rgba(90,60,20,.35);}
.cat-card:hover .ph img{opacity:1;}
.kantei{background:linear-gradient(180deg,#f7f1e7,#fbf8f3);}
.kantei .form-card{box-shadow:0 20px 40px -30px rgba(90,60,20,.3);}
.kantei select{background:#fff;}