/*
Theme Name:     Plumeria Homes Child
Theme URI:      https://plumeria-homes.local/
Template:       lightning
Author:         First byte
Author URI:     https://firstbyte.example/
Description:    株式会社プルメリアホームズ様 公式サイトのLightning用子テーマ。外房・一宮町の海のある暮らしを伝える、信頼感のあるナチュラルなデザインを目指します。
Version:        0.6.40
Requires PHP:   8.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    plumeria-homes-child
*/

/* =========================================================
   Design Tokens
   - 色：白・砂浜ベージュ・くすみブルー・ダークネイビー寄り
   - 用途別に CSS 変数で集中管理
   ========================================================= */
:root {
  /* クール寄りのニュートラル＋海を連想するティール（古いベージュ主導を避ける） */
  --ph-bg:          #f4f7f9;
  --ph-surface:     #e8eef2;
  --ph-line:        rgba(15, 23, 42, 0.08);
  --ph-muted:       #64748b;
  --ph-text:        #0f172a;
  --ph-text-soft:   #475569;
  --ph-accent:      #2aa3b8;
  --ph-accent-2:    #c5e8ef;
  --ph-accent-deep: #0f6b7d;
  --ph-warning:     #c2410c;

  --ph-radius:        14px;
  --ph-radius-lg:     24px;
  --ph-radius-xl:     32px;
  --ph-shadow-sm:     0 1px 2px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.04);
  --ph-shadow:        0 8px 30px rgba(15, 23, 42, 0.07), 0 2px 8px rgba(15, 23, 42, 0.04);
  --ph-shadow-strong: 0 20px 50px rgba(15, 23, 42, 0.1), 0 8px 20px rgba(15, 23, 42, 0.06);

  --ph-font-jp: "IBM Plex Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  --ph-font-en: "Cormorant Garamond", "Times New Roman", serif;
  --ph-font-serif: "Zen Kaku Gothic New", "IBM Plex Sans JP", "Yu Gothic", sans-serif;

  --ph-gutter: clamp(20px, 4vw, 48px);
  --ph-container: min(1160px, calc(100vw - 2 * var(--ph-gutter)));
  --ph-container-narrow: min(720px, calc(100vw - 2 * var(--ph-gutter)));
  --ph-section-y: clamp(72px, 11vw, 140px);
}

/* =========================================================
   Base Overrides (Lightning 親テーマの上書き)
   - メインCSSは custom.css に分離。ここではタイポと色の根幹のみ。
   ========================================================= */
body,
.site-body {
  background-color: var(--ph-bg);
  color: var(--ph-text);
  font-family: var(--ph-font-jp);
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ph-accent-deep);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--ph-accent);
}

h1, h2, h3, h4 {
  font-family: var(--ph-font-serif);
  color: var(--ph-text);
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1.28;
}