/* ════════════════════════════════════════════════════════════════════ Rendez-vous — Shared Token Layer (PROPOSAL / v0) ──────────────────────────────────────────────────────────────────── 単一正本（single source of truth）案。 構造・タイポ・スペーシングは共有、カラーのみブランド別テーマで分離。 使い方（移行後）: … ← maison.html … ← salon.html / 招待ページ群 ※ これは提案ファイルです。ロック対象の既存 maison.html / salon.html には まだ配線していません（§0 ロック維持）。採用判断後に 1行で接続します。 ════════════════════════════════════════════════════════════════════ */ /* ─── 共有：タイポ／スペーシング／モーション（両ブランド共通の正本） ─── */ :root { /* type rhythm（規約: 16px / 1.75 / 段落 1.5em） */ --fs-base: 16px; --lh-base: 1.75; --para-space: 1.5em; --font-display: "Cormorant Garamond", "Noto Serif JP", serif; /* 共有見出し */ --font-body-jp: "Noto Sans JP", sans-serif; /* 共有本文 JP */ --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; /* spacing scale（28px ベースの垂直リズム） */ --space-1: 7px; --space-2: 14px; --space-3: 28px; --space-4: 56px; --space-5: 112px; --space-6: 168px; --space-7: 224px; /* motion */ --ease: cubic-bezier(0.4, 0, 0.2, 1); --dur-fast: 240ms; --dur-reveal: 600ms; --dur-cross: 1200ms; /* radii（Salon=2–4px / Maison=0、テーマ側で上書き） */ --radius-card: 0px; --radius-control: 2px; } /* ════════════════════════════════════════════════════════════════════ THEME · MAISON — 「Beurre & Encre」(確定 / 暖・ペールイエロー) Beurre Pâle 淡バター地 60% / Paille 麦わら 25% / Or Doux 控えめ金 8% / Encre 墨 ink + Rose Poudré 差し色。黄は「ブランド色」ではなく「紙の色」。 濃インクとの高コントラストでエディトリアルなモードを締める。 ── TASK1 で 8 コア値を確定差し替え。--surface-soft / --plum 系 / --mute / --dark 系は既存セレクタ温存のため暖色 role-for-role で再導出（破壊回避）。 ════════════════════════════════════════════════════════════════════ */ .theme-maison { --bg: #fbfaf4; /* Beurre Pâle 淡バター地・60% */ --bg-deep: #ecede7; /* Sable 砂がかった深地 */ --surface: #e7e3c9; /* Paille 麦わら・lead 25% */ --surface-soft: #eeead9; /* soft paille（再導出） */ --champagne: #cdb784; /* Or Doux 控えめゴールド・8%（罫線/番号/小見出し） */ --champagne-light:#e0cf9f; /* light gold（再導出） */ --plum: #a98c5a; /* 旧 8%accent 役 → 深ゴールドブラウンへ（再導出） */ --plum-deep: #6f5c3a; /* deep gold-brown（再導出） */ --ink: #20201a; /* Encre 墨に極僅か黄み（本文/見出し＝モードの要） */ --ink-soft: #5b5c54; /* Sépia doux サブテキスト */ --rouge: #a8808f; /* Rose Poudré ダスティモーヴローズ・差し色。頭文字＋1語イタリックのみ（使用率3〜5%） */ /* legacy aliases（既存セレクタ温存のため踏襲・暖色再導出） */ --paper: #ffffff; /* ほぼ白に黄みひと匙（カード地） */ --mute: #8a7d63; /* warm mute */ --dark: #2e2a1d; /* warm dark */ --dark-2: #3d3727; /* warm dark */ --radius-card: 0px; /* Maison は角ゼロ */ --radius-control: 0px; --hairline: rgba(40,36,24,0.16); } /* ════════════════════════════════════════════════════════════════════ THEME · MAISON (旧案・温存) — Blue-grey mist 寒色版 再検討用に保持。既定では未使用。採用時は ════════════════════════════════════════════════════════════════════ */ .theme-maison--bluegrey { --bg: #edeff1; /* Mist 冷白・60% */ --bg-deep: #dde2e6; /* Cloud Grey */ --surface: #8c949c; /* Fog Blue-Grey ・lead 60% */ --surface-soft: #b3bbc2; /* soft fog */ --champagne: #a9b4bd; /* POWDER SLATE 25% */ --champagne-light:#c6ced3; /* light slate */ --plum: #8f96a6; /* HAZY BLUE 8% */ --plum-deep: #44505b; /* Deep Slate */ --ink: #1c1a18; /* Sumi 墨 */ --ink-soft: #3f4954; /* cool slate-ink */ --rouge: #a8808f; /* Dusty Mauve-Rose */ --paper: #ffffff; --mute: #7b848c; --dark: #2b343d; --dark-2: #3a444d; --radius-card: 0px; --radius-control: 0px; --hairline: rgba(30,38,48,0.16); } /* ════════════════════════════════════════════════════════════════════ THEME · SALON — 「温・体験・セミクチュール」（現行 case A を正本化） warm white + blush + sage（変更なし。参照用に明示） ════════════════════════════════════════════════════════════════════ */ .theme-salon { --bg: #fdf3f1; --bg-deep: #f8e0db; --surface: #ffffff; --blush: #e2949f; --blush-deep: #b05265; --blush-light: #f2c8cd; --sage: #b3bda8; --sage-deep: #8b9d80; --champagne: #d9bd7f; --ink: #43302e; --ink-soft: #7d605b; --mute: #9b7a6c; /* legacy aliases (§14 — existing selectors reference these) */ --bg-2: var(--bg-deep); --cream: #f2c8cd; --blush-2: var(--blush-light); --champ: var(--champagne); --ink-2: #573f3c; --line: rgba(107, 72, 79, 0.18); /* typography */ --display: "Italiana", "Cormorant Garamond", serif; --serif: "Cormorant Garamond", "Noto Serif JP", serif; --script: "Italianno", "Cormorant Garamond", cursive; --jp: "Noto Serif JP", "Cormorant Garamond", serif; --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; --radius-card: 2px; --radius-control: 2px; --hairline: rgba(107, 72, 79, 0.18); /* marble texture */ --marble-opacity: 0.05; --marble-blend: multiply; }