/* MIRAI Design System — theme: MIRAI BOARD（役員会・経営資料）
   Aesthetic: 会議室のボード用紙。深夜ターミナル(mirai-live)の兄弟で、紙の上で読む版。
   Dominant: 墨 on 冷たい紙（僅かにティール寄り）。Accent: MIRAI シアンを紙上で読める深さに落とした1色。
   Type: 契約どおり Zen Old Mincho × Fraunces × IBM Plex Mono × Zen Kaku Gothic New。
         CDN が切れても Hiragino に落ちるよう fallback を明示（Artifact CSP 下でも崩れない）。
   Load AFTER base.css. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=IBM+Plex+Mono:wght@400;500&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Old+Mincho:wght@600;700;900&display=swap');

:root{
  --ds-bg:#F2F4F5;            --ds-surface:#FFFFFF;
  --ds-text:#131A1E;          --ds-text-dim:rgba(19,26,30,.58);
  --ds-line:rgba(19,26,30,.16); --ds-line-soft:rgba(19,26,30,.07);
  --ds-accent:#0E7C7B;        --ds-accent-ink:#FFFFFF;  --ds-flag:#B8432B;
  --ds-ok:#2E7D5B; --ds-warn:#B7791F; --ds-crit:#B8432B; --ds-hold:#5B6770;

  --ds-font-display:'Zen Old Mincho','Hiragino Mincho ProN','Yu Mincho',serif;
  --ds-font-display-en:'Fraunces','Iowan Old Style','Palatino',serif;
  --ds-font-mono:'IBM Plex Mono','SF Mono',Menlo,ui-monospace,monospace;
  --ds-font-body:'Zen Kaku Gothic New','Hiragino Sans','Yu Gothic',system-ui,sans-serif;
  --ds-radius:2px; --ds-maxw:1240px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ds-bg:#0F1519; --ds-surface:#151C21;
    --ds-text:#E7EDEE; --ds-text-dim:rgba(231,237,238,.6);
    --ds-line:rgba(231,237,238,.16); --ds-line-soft:rgba(231,237,238,.07);
    --ds-accent:#3ED2C6; --ds-accent-ink:#06121A; --ds-flag:#E0533A;
    --ds-ok:#5BC08F; --ds-warn:#E0A83A; --ds-crit:#E0533A; --ds-hold:#8A96A0;
  }
}
:root[data-theme="dark"]{
  --ds-bg:#0F1519; --ds-surface:#151C21;
  --ds-text:#E7EDEE; --ds-text-dim:rgba(231,237,238,.6);
  --ds-line:rgba(231,237,238,.16); --ds-line-soft:rgba(231,237,238,.07);
  --ds-accent:#3ED2C6; --ds-accent-ink:#06121A; --ds-flag:#E0533A;
  --ds-ok:#5BC08F; --ds-warn:#E0A83A; --ds-crit:#E0533A; --ds-hold:#8A96A0;
}