/* ============================================================ HERBERRY 共通カラートークン・共通フォント（v2）ファイル: assets/css/herberry-tokens-v2.css ------------------------------------------------------------ v1からの変更点： - グローバルな `a { color: ... }` を削除しました。 SWELL標準のヘッダー・フッター・メニュー・ボタンのリンク色に意図せず影響しないよう、色指定は「HERBERRY独自の要素」（.herberry- で始まるクラス、および後述の記事本文セレクタ確定後のスコープ）のみに限定しています。 - このファイル自体は色・フォントの「変数定義」と、HERBERRY独自マークアップ（固定バー・共通ボタン）向けの最小限のスタイルのみを持ちます。SWELL標準要素（ヘッダー・フッター・メニュー等）への適用は herberry-header-footer-v2.css 側で、実クラス確認後に行います。 ============================================================ */ :root{ /* A案：ディープグリーン（初期値） */ --herberry-green-900:#12362B; --herberry-green-700:#1B5A46; --herberry-green-600:#25705A; --herberry-green-500:#4F7A63; --herberry-green-300:#9DB6A6; --herberry-green-100:#E4ECE7; /* 3案共通のベース・アクセントカラー */ --herberry-ivory:#FBF3E7; --herberry-beige:#F3E8D6; --herberry-beige-deep:#E9DAC0; --herberry-gold:#C9A878; --herberry-gold-dark:#A5824F; --herberry-ink:#2B2118; --herberry-body:#33322D; --herberry-warn:#8C4A3A; --herberry-white:#FFFFFF; /* フォント */ --herberry-font-display:'Shippori Mincho', serif; --herberry-font-body:'Noto Sans JP', sans-serif; --herberry-font-wordmark:'Cormorant Garamond', serif; } /* B案：カーキ・オリーブ寄りの深緑中心有効化方法：カスタマイザーの「配色パターン」で「B案」を選択するとに .herberry-theme-b が自動付与されます */ body.herberry-theme-b{ --herberry-green-900:#23261A; --herberry-green-700:#3F4A34; --herberry-green-600:#556047; --herberry-green-500:#75805F; --herberry-green-300:#C3C4A6; --herberry-green-100:#EDEEE3; } /* C案：B案をベースに明度を上げ、サロンらしい清潔感を加えた配色 */ body.herberry-theme-c{ --herberry-green-900:#47563B; --herberry-green-700:#5C6E4C; --herberry-green-600:#728564; --herberry-green-500:#8FA07E; --herberry-green-300:#D3DCC4; --herberry-green-100:#EEF1E6; } /* ============================================================ 【注意】SWELL標準要素へのグローバル適用は行いません。（v1にあった body / h1-h4 / a への直接指定は削除しました）フォント・文字色をサイト全体（SWELL標準の本文・見出しを含む）に適用したい場合は、herberry-header-footer-v2.css・ herberry-column-v2.css 側で、実際に確認したクラス名に対して個別に適用してください。この段階では「変数を用意するだけ」にとどめています。 ============================================================ */ /* ---- HERBERRY独自マークアップ専用スタイル（SWELL要素とは無関係） ---- */ /* スマホ固定予約バー（HERBERRY独自の出力のみに影響。SWELL側には一切影響しません） */ .herberry-sticky-bar, .herberry-sticky-bar a{ font-family: var(--herberry-font-body); } /* 共通ボタン装飾（.herberry-btn クラスを明示的に付けた要素にのみ適用） */ .herberry-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5em; padding:.9em 1.6em; border-radius:99px; font-weight:700; font-size:.92rem; text-decoration:none; font-family: var(--herberry-font-body); background: var(--herberry-green-700); color: var(--herberry-ivory); } .herberry-btn--gold{ background: var(--herberry-gold); color: var(--herberry-green-900); }