/* ===== rirekisy テーマ（サイト固有：配色トークン／ブランド寄りの値） ===== 量産時はこの1枚を差し替えればサイトの世界観を切替可（構造は app.css で共通）。 */ :root{ --teal:#17b0c9; --teal-d:#0e8ba0; --teal-l:#eaf8fb; --mid-bg:#eef0f1; --right-bg:#e4f3fb; --ink:#1f2933; --muted:#67727e; --line:#d5dde2; --card:#ffffff; --field-bg:#f5f8fa; --field-line:#dbe3e9; --accent:#ffd21f; --radius:10px; --gap:18px; --shadow:0 1px 3px rgba(20,40,60,.08),0 6px 18px rgba(20,40,60,.06); font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; } /* ダーク配色は data-theme="dark" が握る（初期値はJSが localStorage→OS設定 から へ付与）。 トークン上書き＋color-scheme（ネイティブUI：select選択肢/スクロールバー/日付ピッカーもダーク描画）を一括。 構造の暗色調整は app.css 側（同じく data-theme="dark" キー）。 */ :root[data-theme="light"]{ color-scheme:light; } :root[data-theme="dark"]{ color-scheme:dark; --ink:#e7edf1;--muted:#9aa7b0;--teal-l:#10242a;--mid-bg:#1a2024;--right-bg:#122530; --card:#161d22;--field-bg:#222c33;--field-line:#33414a;--line:#2b3840; }