:root{
  color-scheme:light dark;
  --ground:#f8f6f2;
  --panel:#fcfbf8;
  --ink:#262420;
  --ink-soft:#666460;
  --line:#e3dccd;
  --accent:#c8641f;
  --accent-text:#a0500f;
  --accent-soft:#f8eadd;
  --accent-strong:#c9803f;
  --fg-disabled:#b5b0a8;
  --swatch-orange:#c8641f;
  --swatch-red:#f0164d;
  --swatch-pink:#df5ca2;
  --swatch-purple:#926ccf;
  --swatch-blue:#3e85da;
  --swatch-green:#2d9c51;
  /* WKWebView は system-ui 系が先頭だと CJK グリフ不足時に次の候補へ落ちず
     豆腐になるため、日本語フォントを先に置く */
  --sans:"Hiragino Sans","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;
  --display:var(--sans);
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace,"Hiragino Sans";
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#18160f;
    --panel:#26241f;
    --ink:#e7e5df;
    --ink-soft:#b6b6b2;
    --line:#3a372f;
    --accent:#ec9350;
    --accent-text:#ec9350;
    --accent-soft:#3c362e;
    --accent-strong:#946440;
    --fg-disabled:#6b665c;
  }
}
:root[data-theme="light"]{
  color-scheme:light;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#18160f;
  --panel:#26241f;
  --ink:#e7e5df;
  --ink-soft:#b6b6b2;
  --line:#3a372f;
  --accent:#ec9350;
  --accent-text:#ec9350;
  --accent-soft:#3c362e;
  --accent-strong:#946440;
  --fg-disabled:#6b665c;
}
@media print{
  :root{
    --ground:#fff!important;
    --panel:#fff!important;
    --ink:#111!important;
    --ink-soft:#333!important;
    --line:#ccc!important;
    --accent:#a0500f!important;
    --accent-text:#a0500f!important;
    --accent-soft:#f4e0d2!important;
    --accent-strong:#a0500f!important;
    --fg-disabled:#777!important;
  }
}
:root[data-accent="red"]{
  --accent:#f0164d;
  --accent-text:#c20e3c;
  --accent-soft:#fee6e6;
  --accent-strong:#f25467;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"])[data-accent="red"]{
    --accent:#f43a5a;
    --accent-text:#fe7682;
    --accent-soft:#433232;
    --accent-strong:#b64a55;
  }
}
:root[data-theme="dark"][data-accent="red"]{
  --accent:#f43a5a;
  --accent-text:#fe7682;
  --accent-soft:#433232;
  --accent-strong:#b64a55;
}
:root[data-accent="pink"]{
  --accent:#df5ca2;
  --accent-text:#aa447b;
  --accent-soft:#fee7f1;
  --accent-strong:#e87db3;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"])[data-accent="pink"]{
    --accent:#eb86b8;
    --accent-text:#eb86b8;
    --accent-soft:#3e3438;
    --accent-strong:#945d77;
  }
}
:root[data-theme="dark"][data-accent="pink"]{
  --accent:#eb86b8;
  --accent-text:#eb86b8;
  --accent-soft:#3e3438;
  --accent-strong:#945d77;
}
:root[data-accent="purple"]{
  --accent:#926ccf;
  --accent-text:#7555a6;
  --accent-soft:#efeafa;
  --accent-strong:#9f81d2;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"])[data-accent="purple"]{
    --accent:#b997f4;
    --accent-text:#b997f4;
    --accent-soft:#38353e;
    --accent-strong:#786699;
  }
}
:root[data-theme="dark"][data-accent="purple"]{
  --accent:#b997f4;
  --accent-text:#b997f4;
  --accent-soft:#38353e;
  --accent-strong:#786699;
}
:root[data-accent="blue"]{
  --accent:#3e85da;
  --accent-text:#306ab0;
  --accent-soft:#e3eefc;
  --accent-strong:#5e96dc;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"])[data-accent="blue"]{
    --accent:#6faefe;
    --accent-text:#6faefe;
    --accent-soft:#32383f;
    --accent-strong:#4c6f9c;
  }
}
:root[data-theme="dark"][data-accent="blue"]{
  --accent:#6faefe;
  --accent-text:#6faefe;
  --accent-soft:#32383f;
  --accent-strong:#4c6f9c;
}
:root[data-accent="green"]{
  --accent:#2d9c51;
  --accent-text:#1c7a3c;
  --accent-soft:#e2f1e5;
  --accent-strong:#57a86b;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"])[data-accent="green"]{
    --accent:#66c37d;
    --accent-text:#66c37d;
    --accent-soft:#313933;
    --accent-strong:#477852;
  }
}
:root[data-theme="dark"][data-accent="green"]{
  --accent:#66c37d;
  --accent-text:#66c37d;
  --accent-soft:#313933;
  --accent-strong:#477852;
}