/** * lib/theme.css — YomuRoom Turn 4(プレミアム版)デザイントークン共有基盤。 * * Turn 4「高級感・信頼性のある本番デザイン」のトークンを CSS カスタムプロパティで * 定義する。トークン定義と auth ウィジェット(lib/auth.js が生成するDOM)の * ライトテーマ上書きのみを含み、コンポーネント固有スタイルは置かない。 * * 値は design-screens-turn4.html(25〜404行目, Turn 4 範囲)実測。 * 紙白×墨色×ブロンズの3色構成。変数の「名前」は既存ページが参照しているため * 変更・削除禁止。値の更新および変数の追加のみ行う(2026-07 Turn4刷新)。 * * 運用ルール: ライトテーマ画面(street.html / discover.html / mypage.html / admin.html)は * `` を付けてこの CSS を読み込む。 * store.html / room.html(3D画面)には読み込ませない。 */ :root { /* surface */ --ym-bg: #f7f5f0; --ym-surface: #ffffff; --ym-surface-warm: #f7f4ec; --ym-surface-soft: #f0ece1; --ym-avatar-bg: #f0ece1; /* text */ --ym-text: #17150f; --ym-text-strong: #17150f; --ym-text-muted: #8c8272; --ym-text-faint: #a49a86; --ym-text-chip: #4a4438; /* accent */ --ym-accent: #17150f; --ym-accent-deep: #96702e; --ym-ink: #17150f; --ym-price: #17150f; /* semantic */ --ym-danger: #a4442f; --ym-danger-bg: #f6e9e6; --ym-danger-border: #d9b1a8; --ym-success: #4c7a5c; --ym-success-bg: #e8f0e5; /* border */ --ym-border: #e6e0d2; --ym-border-soft: #ece5d6; --ym-border-chip: #d8d0be; --ym-tabbar-border: #e6e0d2; /* hero / profile card */ --ym-hero-grad: linear-gradient(155deg, #2a2118, #17150f); --ym-hero-label: #dcc496; --ym-hero-text: #fdfbf6; /* admin サイドバー */ --ym-sidebar-bg: #17150f; --ym-sidebar-text: #a89f8c; --ym-sidebar-active: #b08a4a; --ym-sidebar-active-text: #17150f; /* fonts */ --ym-font-body: 'Zen Kaku Gothic New', 'Hiragino Sans', 'Yu Gothic', sans-serif; --ym-font-display: 'Shippori Mincho', 'Hiragino Mincho ProN', serif; --ym-font-accent: 'Cormorant Garamond', 'Times New Roman', serif; /* layout */ --ym-tabbar-height: 64px; /* shelf decoration palette(部屋カード棚グラフィック用)。 Turn4 モックに直接の指定なし。紙白×墨色×ブロンズの世界観に合わせて彩度を落として推定した値(要デザイン確認)。 */ --ym-shelf-1: #b08a4a; --ym-shelf-2: #96702e; --ym-shelf-3: #7c8a74; --ym-shelf-4: #a8695c; --ym-shelf-5: #7c8fa0; --ym-shelf-6: #c9a35c; } /* * auth ウィジェットのライトテーマ上書き。 * lib/auth.js は