/* tokens.css UIデザインコンセプト(T-0012)の配色トークン・タイポグラフィ・共通変数。 ライト/ダークは で切替。 */ :root { --primary: #C2561A; --primary-dark: #A6470F; --on-primary: #FFFFFF; --secondary: #1F3A5F; --on-secondary: #FFFFFF; --bg-page: #F2F4F7; --surface: #FFFFFF; --text-primary: #1A2332; --text-secondary: #5B6570; --border: #D8DEE5; --success-bg: #E3F5EA; --success-text: #1F7A43; --warning-bg: #FDF1DC; --warning-text: #92600A; --danger-bg: #FBE4E4; --danger-text: #B23B3B; --info-bg: #E7EEF6; --info-text: #1F3A5F; --radius-card: 16px; --radius-btn: 12px; --radius-pill: 999px; --shadow-card: 0 2px 8px rgba(15,23,42,.08); } html[data-theme="dark"] { --primary: #F0873B; --primary-dark: #D96F22; --on-primary: #1A1206; --secondary: #6F9AC9; --on-secondary: #0D1620; --bg-page: #10151C; --surface: #1B2430; --text-primary: #E8ECF1; --text-secondary: #9AA7B4; --border: #2C3946; --success-bg: #163024; --success-text: #55D390; --warning-bg: #33280D; --warning-text: #F2C15C; --danger-bg: #33191A; --danger-text: #F0807D; --info-bg: #1C2B3D; --info-text: #9CC1E8; --shadow-card: 0 2px 10px rgba(0,0,0,.4); } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg-page); color: var(--text-primary); font-variant-numeric: tabular-nums; font-size: 16px; line-height: 1.6; } a { color: inherit; }