/* =====================================================================
   数字のものさし 共通テーマ（英語のものさしの書体と明るさを、サイト全体へ）
   ・各ページの <style> のあとに読み込み、書体・紙の色・文字の色・主役の色だけを差し替える
   ・グラフや判定の色（--bloom・--peridot など、意味を持つ色）は変えない
   ・主役の色：既定は空色（財務のものさしなど）。<html data-accent="lease"> のページは若葉の緑
   ・書体の読み込み（Google Fonts）は各ページの <head> で行う
   ===================================================================== */
:root{
  --paper:#FFFCF4;
  --ink:#222B45; --ink-soft:#3D4763; --ink-faint:#56617D;
  --line:#EDE6D6;
  --serif:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,sans-serif;
  --sans:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,sans-serif;
  --num:"Nunito","Helvetica Neue",Arial,sans-serif;
  --en:"Literata",Georgia,"Times New Roman",serif;
  --sun:#FFC83D;  --sun-d:#B98100; --sun-s:#FFF3CC;
  --leaf:#1FAF78; --leaf-d:#0F7D55; --leaf-s:#DDF6EA;
  --sky2:#3B9EFF; --sky2-d:#1B6FC7; --sky2-s:#E2F0FF;
  /* 主役の色（ボタン・リンク・見出しの印など、これまで紺 --sea-deep を使っていた所） */
  --sea-deep:#1B6FC7;
}
html[data-accent="lease"]{--sea-deep:#0F7D55;}

body{
  background-color:var(--paper);
  background-image:radial-gradient(circle at 8% 0%,rgba(255,200,61,.13) 0,transparent 34%),radial-gradient(circle at 96% 10%,rgba(59,158,255,.08) 0,transparent 30%);
}
body::before{display:none;}
.masthead{background:rgba(255,252,244,.94);}
@media (max-width:820px){.masthead{background:var(--paper);}}
.brand{font-weight:900;letter-spacing:.12em;}
.brand span{color:var(--sun-d);}
/* 数字の桁がそろうように（Nunito は既定だと幅が不ぞろい） */
table,input,output,.num,[class*="kpi"],[class*="price"],[class*="result"]{font-variant-numeric:tabular-nums;}
/* グラフ（SVG）の文字：数字は Nunito、日本語は丸ゴシック（丸ゴシックだけだと数字の間が空いて見えるため） */
svg text{font-family:"Nunito","Zen Maru Gothic","Hiragino Sans","Yu Gothic",YuGothic,sans-serif;}