:root{
  --navy:#1f3a5f;
  --navy-deep:#152a45;
  --ink:#26313f;
  --line:#d8dee6;
  --line-soft:#e9edf2;
  --paper:#f6f8fa;
  --card:#ffffff;
  --accent:#2f6fed;
  --accent-soft:#e8f0ff;
  --danger:#b3261e;
  --danger-soft:#fdeceb;
  --warn-bg:#fff3e0;
  --warn-fg:#a15c00;
  --off-bg:#fdeceb;
  --off-fg:#b3261e;
  --header-h:40px;
  --sub-h:30px;
}
*{box-sizing:border-box;}
html,body{
  margin:0;padding:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans",-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
}