/* Iyaku design tokens (plan 10) — the one palette for the app and every kit component. Merged from study/style.css and collections/collections.css (study's values where they differed). Dark is the default; light follows prefers-color-scheme or the account menu's toggle ([data-theme] on ). New UI uses these variables only — no new hex colours elsewhere. */ :root { color-scheme: dark; --primary: #2563eb; --primary-hover: #1d4ed8; --primary-soft: rgba(37, 99, 235, 0.18); --primary-gradient: linear-gradient(135deg, #3b82f6, #2563eb); --primary-shadow: rgba(37, 99, 235, 0.3); --on-primary: #ffffff; --danger: #ef4444; --danger-soft: rgba(239, 68, 68, 0.12); --warning: #f59e0b; --success: #10b981; --easy: #38bdf8; --plus: #f59e0b; --bg-color: #09090b; --surface-color: #18181b; --surface-hover: #27272a; --surface-strong: #3f3f46; --surface-overlay: rgba(24, 24, 27, 0.75); --backdrop: rgba(0, 0, 0, 0.55); --shadow: 0 12px 40px rgba(0, 0, 0, 0.45); --text-color: #fafafa; --text-muted: #a1a1aa; --border-color: #27272a; --radius: 14px; --radius-sm: 10px; --radius-pill: 999px; --gutter: 16px; --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; } @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { color-scheme: light; --primary-soft: rgba(37, 99, 235, 0.1); --primary-shadow: rgba(37, 99, 235, 0.2); --bg-color: #fafafa; --surface-color: #ffffff; --surface-hover: #f4f4f5; --surface-strong: #e4e4e7; --surface-overlay: rgba(255, 255, 255, 0.8); --backdrop: rgba(9, 9, 11, 0.35); --shadow: 0 12px 40px rgba(9, 9, 11, 0.15); --text-color: #18181b; --text-muted: #52525b; --border-color: #e4e4e7; } } :root[data-theme="light"] { color-scheme: light; --primary-soft: rgba(37, 99, 235, 0.1); --primary-shadow: rgba(37, 99, 235, 0.2); --bg-color: #fafafa; --surface-color: #ffffff; --surface-hover: #f4f4f5; --surface-strong: #e4e4e7; --surface-overlay: rgba(255, 255, 255, 0.8); --backdrop: rgba(9, 9, 11, 0.35); --shadow: 0 12px 40px rgba(9, 9, 11, 0.15); --text-color: #18181b; --text-muted: #52525b; --border-color: #e4e4e7; }