/* 生成物：tools/build-tokens.py が design/tokens.json から作る。手で直さない。 */
:root {
  --font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 104px;
  --section-pc: 180px;
  --gutter-pc: 120px;
  --gutter-sp: 24px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --measure-body: 42em;
  --measure-article: 640px;
  --container: 1200px;
  --sea: #0e1c2c;
  --sea-raised: #172a3e;
  --on-sea: #eef0f2;
  --on-sea-muted: #a3aebb;
  --rule-sea: #3a4d63;
  --plate-sea: #24374c;
  --paper: #fafaf8;
  --paper-sunk: #f1f1ee;
  --ink: #141c26;
  --ink-muted: #4d5662;
  --rule: #c3c7cc;
  --field-border: #7d8793;
  --plate: #cfd2d6;
  --light: #d5af5c;
  --on-light: #0e1c2c;
  --light-edge: #d5af5c;
  --light-ink: #83600f;
  --light-on-sea: #d5af5c;
  --focus: var(--light-ink);
  --focus-on-sea: var(--light-on-sea);
  --danger: #a3321f;
}
[data-theme="kourien"] {
  --sea: #0e1c2c;
  --sea-raised: #172a3e;
  --on-sea: #eef0f2;
  --on-sea-muted: #a3aebb;
  --rule-sea: #3a4d63;
  --plate-sea: #24374c;
  --paper: #fafaf8;
  --paper-sunk: #f1f1ee;
  --ink: #141c26;
  --ink-muted: #4d5662;
  --rule: #c3c7cc;
  --field-border: #7d8793;
  --plate: #cfd2d6;
  --on-light: #0e1c2c;
  --light-edge: #d5af5c;
  --light-ink: #83600f;
  --light-on-sea: #d5af5c;
  --danger: #a3321f;
}
[data-theme="yawata"] {
  --sea: #f8f2e4;
  --sea-raised: #f4ead4;
  --on-sea: #2b2428;
  --on-sea-muted: #5e5257;
  --rule-sea: #e8d3a5;
  --plate-sea: #f2e6cd;
  --paper: #fefdfa;
  --paper-sunk: #fbf7ef;
  --ink: #2b2428;
  --ink-muted: #5a5055;
  --rule: #f0e2c4;
  --field-border: #8a7479;
  --plate: #f7f0e1;
  --on-light: #2b2428;
  --light-edge: #7a5810;
  --light-ink: #7a5810;
  --light-on-sea: #7a5810;
  --danger: #9c311f;
}
[data-theme="yui"] {
  --sea: #f6eae5;
  --sea-raised: #f1ded5;
  --on-sea: #2b2428;
  --on-sea-muted: #5e5257;
  --rule-sea: #dba893;
  --plate-sea: #efd8cf;
  --paper: #fdfbfa;
  --paper-sunk: #faf2ef;
  --ink: #2b2428;
  --ink-muted: #5a5055;
  --rule: #ecd1c6;
  --field-border: #8a7479;
  --plate: #f5e8e2;
  --on-light: #2b2428;
  --light-edge: #7a5810;
  --light-ink: #7a5810;
  --light-on-sea: #7a5810;
  --danger: #9c311f;
}
[data-theme="relien"] {
  --sea: #f7e3e6;
  --sea-raised: #f0d3d9;
  --on-sea: #2b2428;
  --on-sea-muted: #5e5257;
  --rule-sea: #c9939e;
  --plate-sea: #ebcdd3;
  --paper: #fdfafa;
  --paper-sunk: #f8eff0;
  --ink: #2b2428;
  --ink-muted: #5a5055;
  --rule: #dcc8cc;
  --field-border: #8a7479;
  --plate: #f1e2e5;
  --on-light: #2b2428;
  --light-edge: #7a5810;
  --light-ink: #7a5810;
  --light-on-sea: #7a5810;
  --danger: #9c311f;
}
[data-theme="arca"] {
  --sea: #e2efee;
  --sea-raised: #cfe5e4;
  --on-sea: #22292b;
  --on-sea-muted: #4b5658;
  --rule-sea: #99c8c5;
  --plate-sea: #c7e1df;
  --paper: #fafcfc;
  --paper-sunk: #ecf5f4;
  --ink: #22292b;
  --ink-muted: #4b5658;
  --rule: #badad8;
  --field-border: #697d7f;
  --plate: #dceceb;
  --on-light: #22292b;
  --light-edge: #7a5810;
  --light-ink: #7a5810;
  --light-on-sea: #7a5810;
  --danger: #9c311f;
}