/* ===================================================================
   デザイントークン（色・文字・形）。値の正本は julius/design/JuliUs_design_handoff/JuliUs_design_spec.md の 1章。
   =================================================================== */
:root {
  /* 色 */
  --aqua: #5BC0E6;
  --aqua-pale: #E9F6FC;
  --aqua-increase: #D2ECF8;
  --aqua-chart: #A9DCF1;
  --aqua-chart-light: #E4F3FA;
  --aqua-track: #E4EEF6;
  --aqua-text: #1B75A3;
  --aqua-soft: #9DD3EA;    /* 色の付いたアイコンの地（3番目） */
  --aqua-softer: #B7DFF0;  /* 色の付いたアイコンの地（4番目） */
  --slate: #4F5D6E;
  --slate-divider: #45515F;
  --ink: #3E4855;
  --text: #48525E;
  --text-sub: #6B7683;
  --text-placeholder: #8B95A1;
  --line: #DFE4EA;
  --line-light: #EEF1F4;
  --line-input: #C9D1DA;
  --header-shadow: #E6EAEE;
  --bg: #F5F8FA;
  --surface: #FFFFFF;
  --checker: #EDF1F5;
  --red: #F5456B;
  --red-decrease: #FBDDE3;
  --red-text: #C0304F;
  --red-bad: #D63356;

  /* 駒 */
  --piece-w-top: #FFFFFF;
  --piece-w-side: #D6DDE4;
  --piece-w-edge: #8C99A6;
  --piece-b-top: #4A5664;
  --piece-b-side: #28313A;
  --piece-b-edge: #1B2229;

  /* 文字 */
  --font: 'Open Sans', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;
  --fs-body: 15px;
  --fs-sub: 12.5px;
  --lh-body: 1.8;

  /* 影 */
  --shadow-card: 0 2px 10px rgba(79, 93, 110, 0.10);
  --shadow-header: 0 1px 0 var(--header-shadow);
  --shadow-pop: 0 6px 20px rgba(47, 58, 70, 0.22);

  /* 寸法 */
  --content-width: 1240px;
  --narrow-width: 1000px;
  --gutter: 16px;
  --gap: 24px;
  --tap: 44px;
  --btn-h: 52px;
  --header-h: 72px;
  --tabbar-h: 64px;
}

@media (max-width: 767px) {
  :root {
    --fs-body: 14.5px;
    --fs-sub: 12px;
    --gap: 16px;
    --btn-h: 54px;
    --header-h: 52px;
  }
}