/* デザイントークン(ログイン前の site.css と、アプリの style.css で共有) */
:root{
  color-scheme:light;
  --c-primary:#111827;--c-primary-h:#000;--c-primary-soft:#f3f4f6;--c-on-primary:#fff;
  --c-accent:#2563eb;--c-accent-h:#1d4ed8;--c-on-accent:#fff;
  --c-ink:#111827;--c-mute:#5f6674;--c-line:#e5e7eb;--c-line-s:#d1d5db;
  --c-bg:#fafafa;--c-surface:#fff;--c-surface2:#f4f4f5;--c-hover:#f4f4f5;
  --c-hero-a:#0a0a0a;--c-hero-b:#18181b;--c-deep:#09090b;
  --c-ok:#157a4b;--c-ok-bg:#e3f5ec;--c-warn:#8f5200;--c-warn-bg:#fff2d6;--c-err:#c4332b;--c-err-bg:#fdeceb;
  --r-s:4px;--r-m:6px;--r-l:8px;
  --sh-1:none;--sh-2:0 1px 2px rgba(0,0,0,.04);--sh-3:0 12px 40px rgba(0,0,0,.14);
  --ring:0 0 0 3px rgba(37,99,235,.35);
  --font:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* 旧名(互換) */
  --blue:var(--c-primary);--blue-d:var(--c-primary-h);--blue-l:var(--c-primary-soft);--navy:var(--c-ink);
  --bd:var(--c-line);--bg:var(--c-bg);--tx:var(--c-ink);--mu:var(--c-mute);--red:var(--c-err);--grn:var(--c-ok);--org:var(--c-warn)
}
/* 自動のダークモードは、無効(明るい配色に固定)。暗い配色を試すときは、<html data-theme="dark"> にする */
:root[data-theme="dark"]{
  color-scheme:dark;
  --c-primary:#7aa6ff;--c-primary-h:#9dbcff;--c-primary-soft:#1b2a4a;--c-on-primary:#0b1530;
  --c-accent:#ff9a4d;--c-accent-h:#ffb27a;--c-on-accent:#2a1100;
  --c-ink:#e8edf7;--c-mute:#a0acc2;--c-line:#2a3550;--c-line-s:#3a4766;
  --c-bg:#0e1424;--c-surface:#161d30;--c-surface2:#1a2338;--c-hover:#1e2943;
  --c-hero-a:#0e1a38;--c-hero-b:#1b3a80;--c-deep:#080d1a;
  --c-ok:#58d49b;--c-ok-bg:#12332a;--c-warn:#f2b45a;--c-warn-bg:#35280f;--c-err:#ff8a80;--c-err-bg:#3a1b1c;
  --sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 4px 16px rgba(0,0,0,.4);--sh-3:0 16px 48px rgba(0,0,0,.6);
  --ring:0 0 0 3px rgba(122,166,255,.4)
}