:root{
  color-scheme:light;

  --paper:#FFFFFF;
  --paper-2:#F4F4F9;
  --ink:#16143A;
  --ink-2:#55547A;
  --hair:#D6D5E3;
  --ul:#2E3BE6;
  --obi-em:#FF4A1C;

  --l1:#2E3BE6;
  --l2:#5A33E0;
  --l3:#8A2ED0;
  --l4:#B92FAE;
  --l5:#E33A73;
  --l6:#FF4A1C;

  --strata:linear-gradient(90deg,var(--l1) 0 33.4%,var(--l3) 33.4% 66.7%,var(--l6) 66.7%);
  --strata6:linear-gradient(90deg,var(--l1) 0 16.67%,var(--l2) 16.67% 33.34%,var(--l3) 33.34% 50%,var(--l4) 50% 66.67%,var(--l5) 66.67% 83.34%,var(--l6) 83.34%);

  --jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;
  --lat:"League Gothic","Arial Narrow",Impact,sans-serif;

  --fv-max:820px;
  --fv-h:min(100svh,var(--fv-max));
  --page-max:1600px;
  --side-max:640px;
  --m:16px;
  --gut:40px;
  --bar-h:56px;
  --topbar-h:56px;
  --obi-h:clamp(76px,calc(var(--fv-h) * .115),116px);
  --btn-w:clamp(176px,13.5vw,228px);
  --btn-gap:8px;

  --measure:736px;
  --rail:232px;
  --head-h:108px;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0F0E24;
  --paper-2:#191838;
  --ink:#ECEBF6;
  --ink-2:#A3A2C2;
  --hair:#2F2D55;
  --ul:#8C94FF;
  --obi-em:#D9360F;
  --l1:#5865FF;
  --l2:#7F5CFF;
  --l3:#A65BF0;
  --l4:#D35AC9;
  --l5:#F2648F;
  --l6:#FF6A42;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#0F0E24;
    --paper-2:#191838;
    --ink:#ECEBF6;
    --ink-2:#A3A2C2;
    --hair:#2F2D55;
    --ul:#8C94FF;
    --obi-em:#D9360F;
    --l1:#5865FF;
    --l2:#7F5CFF;
    --l3:#A65BF0;
    --l4:#D35AC9;
    --l5:#F2648F;
    --l6:#FF6A42;
  }
}

@media (min-width:600px){
  :root{--m:24px}
}
@media (min-width:1024px){
  :root{--m:32px;--measure:780px}
}