/* 見本帳の色・書体の定義（specimen.css と /zuhyo/ で共用）。 */
:root{
  --plane:#f2f3f3; --surface:#fcfcfb;
  --ink-1:#0b0b0b; --ink-2:#52514e; --ink-3:#6c6b66;
  --grid:#e1e0d9; --axis:#c3c2b7; --ring:rgba(11,11,11,.10);
  --deemph:#b4b3a9; --mute:#898781; --neu:#d9d8d0;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#eda100;
  --s5:#e87ba4; --s6:#008300; --s7:#4a3aa7; --s8:#e34948;
  --seq-lo:#cde2fb; --seq-hi:#104281; --div-mid:#f0efec;
  --shadow:0 6px 24px rgba(11,11,11,.16);
  --k-compare:#ca545a; --k-trend:#009c7a; --k-part:#af5bac; --k-dist:#708d00; --k-rel:#6c74d8; --k-flow:#b66d00; --k-concept:#0090c3;
  /* 仕事（くすんだ青緑）と大学（黄）。-ink は文字に使う濃い側 */
  --k-biz:#439090; --k-edu:#c6a73f; --k-biz-ink:#2d6f70; --k-edu-ink:#7d6200;
  --sans:'IBM Plex Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif;
  --serif:'Inter','IBM Plex Sans JP',system-ui,sans-serif;
  --mincho:'IBM Plex Sans JP','Hiragino Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --plane:#0d0d0d; --surface:#1a1a19;
    --ink-1:#ffffff; --ink-2:#c3c2b7; --ink-3:#9a9992;
    --grid:#2c2c2a; --axis:#383835; --ring:rgba(255,255,255,.10);
    --deemph:#5a5954; --mute:#898781; --neu:#4a4a46;
    --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500;
    --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767;
    --seq-lo:#243247; --seq-hi:#6da7ec; --div-mid:#383835;
    --shadow:0 6px 24px rgba(0,0,0,.6);
    --k-compare:#ef7e80; --k-trend:#00c09e; --k-part:#d483d0; --k-dist:#95b245; --k-rel:#8f9bfb; --k-flow:#da942c; --k-concept:#00b5e7;
    --k-biz:#6bb5b4; --k-edu:#dcc26a; --k-biz-ink:#7fc4c3; --k-edu-ink:#e2cb7c;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --plane:#0d0d0d; --surface:#1a1a19;
  --ink-1:#ffffff; --ink-2:#c3c2b7; --ink-3:#9a9992;
  --grid:#2c2c2a; --axis:#383835; --ring:rgba(255,255,255,.10);
  --deemph:#5a5954; --mute:#898781; --neu:#4a4a46;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500;
  --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767;
  --seq-lo:#243247; --seq-hi:#6da7ec; --div-mid:#383835;
  --shadow:0 6px 24px rgba(0,0,0,.6);
  --k-compare:#ef7e80; --k-trend:#00c09e; --k-part:#d483d0; --k-dist:#95b245; --k-rel:#8f9bfb; --k-flow:#da942c; --k-concept:#00b5e7;
  --k-biz:#6bb5b4; --k-edu:#dcc26a; --k-biz-ink:#7fc4c3; --k-edu-ink:#e2cb7c;
  color-scheme:dark;
}
/* paper edition：紙の地色 */
:root{--plane:#efeee9;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.43 0 0 0 0 0.40 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--surface:#fdfdfb}
:root[data-book="survey"]{--plane:#e7ebee}
:root[data-book="case"]{--plane:#e6e9e2}
:root[data-book="logic"]{--plane:#e9e8ee}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--plane:#1b1a18;--surface:#232220}:root:not([data-theme="light"])[data-book="survey"]{--plane:#181b1e}:root:not([data-theme="light"])[data-book="case"]{--plane:#191b17}:root:not([data-theme="light"])[data-book="logic"]{--plane:#1a1a1f}}
:root[data-theme="dark"]{--plane:#1b1a18;--surface:#232220}:root[data-theme="dark"][data-book="survey"]{--plane:#181b1e}:root[data-theme="dark"][data-book="case"]{--plane:#191b17}:root[data-theme="dark"][data-book="logic"]{--plane:#1a1a1f}
/* 罫線とカードの色 */
:root{--hair:color-mix(in srgb,var(--ink-1) 24%,transparent);--hair-2:color-mix(in srgb,var(--ink-1) 12%,transparent);--card:color-mix(in srgb,var(--plane) 38%,#fff)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--card:color-mix(in srgb,var(--plane) 70%,#fff 4%)}}
:root[data-theme="dark"]{--card:color-mix(in srgb,var(--plane) 70%,#fff 4%)}