/* 案1「ひだまり」：あたたかい生成りと だいだい色／丸い文字／大きな丸み・ふんわりした影 */
html[data-design='1'] {
  --page: #efe3d3;
  --bg: #fff7ec;
  --surface: #ffffff;
  --ink: #4a3526;
  --muted: #86705f;
  --line: #efdfcb;
  --accent: #c9501f;
  --on-accent: #ffffff;
  --accent-soft: #ffe6d3;
  --warn: #a8324a;
  --warn-soft: #fde3e6;
  --good: #3b7650;
  --good-soft: #e2f1e1;
  --rest-soft: #f2e9de;
  --radius: 22px;
  --radius-s: 14px;
  --radius-btn: 99px;
  --border: 1.500px;
  --shadow: 0 6px 16px rgba(140, 90, 40, .10);
  --font: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', system-ui, sans-serif;
  --font-head: var(--font);
  --body-weight: 500;
  --head-weight: 700;
  --stroke: 2;
}
html[data-design='1'] .card, html[data-design='1'] .list { border-color: transparent; }
html[data-design='1'] .btn-primary, html[data-design='1'] .btn-big { box-shadow: 0 4px 0 #9a3a12; }
html[data-design='1'] .btn-ghost { box-shadow: 0 3px 0 var(--line); }
html[data-design='1'] .btn-danger { box-shadow: 0 3px 0 #f3c9cf; }
html[data-design='1'] .btn:disabled { box-shadow: none; }
html[data-design='1'] .apphead h1 { font-size: 19px; }
html[data-design='1'] .tabbar { border-top: 0; border-radius: 22px 22px 0 0; box-shadow: 0 -4px 14px rgba(140, 90, 40, .10); }
html[data-design='1'] .tab.is-on .ic { background: var(--accent-soft); border-radius: 99px; width: 52px; height: 28px; padding: 3px 14px; }
html[data-design='1'] .card-homework { background: #fff1e4; }
html[data-design='1'] .card-step { background: #eef6ea; }
html[data-design='1'] .card-step .card-head .ic { color: var(--good); }
html[data-design='1'] .card-head .ic { color: var(--accent); }
html[data-design='1'] .map-road { stroke: #f0cfae; }
html[data-design='1'] .result-mark, html[data-design='1'] .handover-mark { background: #ffe9a8; color: #a35a00; }
html[data-design='1'] .kari { border-radius: 99px; padding: 0 7px; }