/* hair make DANCE — dark cosmic theme (LP pages)
   style.css の後に読み込むとトーンをダークに上書きする */
:root {
  --bg: #070810;
  --bg-soft: #0d0c20;
  --ink: #f2edff;
  --ink-soft: #b9aed6;
  --line: rgba(255, 255, 255, .14);
  --accent: #e9cd8a;
  --accent-deep: #f3dda0;
  --white: #12112a;                     /* カード面 = 濃紺ガラス */
  --shadow: 0 14px 44px rgba(0, 0, 0, .5);
}
body { background: var(--bg); }

/* ヘッダー */
.header { background: rgba(7, 8, 16, .72); border-bottom: 1px solid rgba(255, 255, 255, .1); }
.logo, .logo small { color: #f2edff; }
.gnav a:hover, .nav-toggle { color: var(--accent); }

/* LPヒーロー: 草原×銀河 */
.lp-hero {
  position: relative;
  background:
    linear-gradient(180deg, rgba(5, 6, 16, .5) 0%, rgba(5, 6, 16, .35) 45%, rgba(7, 8, 16, .92) 100%),
    url(../images/hero/dance-cosmic-bg-alt.jpg) center 28% / cover no-repeat;
  padding: 110px 0 64px;
}
.lp-hero h1 { color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, .5), 0 8px 40px rgba(10, 5, 40, .6); }
.lp-hero p.lead { color: #ddd4f0; text-shadow: 0 1px 8px rgba(0, 0, 0, .6); }
.lp-hero .crumb, .lp-hero .crumb a { color: #c6b9e6; }
.badge { background: linear-gradient(120deg, #e9cd8a, #d4a54a); color: #241a08; }

/* セクション面 */
.section.alt { background: #0b0a1c; }
.card, .voice, .worry, .faq-item, .price-table {
  background: linear-gradient(165deg, rgba(22, 20, 46, .9), rgba(10, 9, 26, .95));
  border: 1px solid rgba(255, 255, 255, .12);
}
.card-body h3, .worry li, .faq-item summary, .price-table th { color: #f2edff; }
.price-table th, .price-table td { border-bottom-color: rgba(255, 255, 255, .1); }
.feature h3 { color: #f2edff; }
.feature-num { color: var(--accent); }
.sec-head h2 { color: #fff; }
.worry li::before { color: var(--accent); }

/* 写真プレースホルダ */
.ph { background: linear-gradient(135deg, #1a1836 0%, #241f4a 50%, #171432 100%); color: rgba(233, 205, 138, .5); }

/* ボタン */
.btn-primary { background: linear-gradient(120deg, #f6e6c4, #e9c88f 60%, #d9ab5f); color: #241a08; box-shadow: 0 6px 30px rgba(233, 200, 143, .35); }
.btn-primary:hover { background: linear-gradient(120deg, #fff0d2, #f3d49a 60%, #e3b569); transform: translateY(-2px); }
.btn-ghost { border-color: rgba(255, 255, 255, .5); color: #fff; }
.btn-ghost:hover { background: rgba(233, 205, 138, .15); color: var(--accent); }

/* CTAバンド・フッター */
.cta-band { background: linear-gradient(180deg, #0b0a1c, #070810); color: #ffffff; }
.cta-band h2 { color: #ffffff; }
.cta-band p { color: rgba(255, 255, 255, .78); }
.cta-band .btn-primary { background: linear-gradient(120deg, #f6e6c4, #e9c88f 60%, #d9ab5f); color: #241a08; }
.cta-band .btn-ghost { border-color: rgba(255, 255, 255, .6); color: #fff; }
.cta-tel { color: rgba(255, 255, 255, .7); }
.cta-tel strong { color: #f3dda0; }
.footer { background: #05060c; }
.footer, .footer p, .footer li, .footer a { color: rgba(255, 255, 255, .82); }
.footer h4, .footer .f-h4, .footer .logo { color: #ffffff; }
.copyright { color: rgba(255, 255, 255, .45); }

/* スマホ固定CTA */
.sticky-cta .s-net { background: linear-gradient(120deg, #e9cd8a, #d4a54a); color: #241a08; }
.sticky-cta .s-tel { background: #12112a; color: #fff; }