/* 色・余白・文字の変数（設計書 4-8）。コントラストは設計書の計算どおり */
:root{
  --bg:#F7F5F0; --surface:#FFFFFF; --sunken:#EFECE5; --text:#1F1D1A; --muted:#5C574F; --accent:#2C4A6E; --on-accent:#FFFFFF;
  --danger:#A1262B; --success:#2E6A3A; --warn-text:#7A4E00; --warn-bg:#FFF3D6; --self-bg:#F1F4F9; --border:#D9D4CA; --border-strong:#8F887C;
  --danger-bg:#FBEAEA;
  --font-ui:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", sans-serif;
  --font-serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", serif;
  --font-logo:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --r:6px; --side:240px; --navh:56px; --writing-size:17px;
  color-scheme: light;
}
:root[data-theme="dark"]{
  --bg:#15161A; --surface:#1E2025; --sunken:#26282E; --text:#E8E6E1; --muted:#A8A39A; --accent:#9DB8DA; --on-accent:#15161A;
  --danger:#F0908C; --success:#8DC99B; --warn-text:#EBC77E; --warn-bg:#3A2F18; --self-bg:#1F2530; --border:#3A3D44; --border-strong:#6E6A63;
  --danger-bg:#3A1F20;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark){
  :root[data-theme="system"]{
    --bg:#15161A; --surface:#1E2025; --sunken:#26282E; --text:#E8E6E1; --muted:#A8A39A; --accent:#9DB8DA; --on-accent:#15161A;
    --danger:#F0908C; --success:#8DC99B; --warn-text:#EBC77E; --warn-bg:#3A2F18; --self-bg:#1F2530; --border:#3A3D44; --border-strong:#6E6A63;
    --danger-bg:#3A1F20;
    color-scheme: dark;
  }
}