/* =============================================================================
   とここと手帳 — Design Tokens
   Base: 三沢小公式HP（misawa-tokokoto.com / STUDIO製）の世界観
   - 白とうすいグレーの地、黒(#1a1a1a)の細枠カード、ほぼ直角の角
   - 字間ひろめのゴシック、黒い角ボタン、銀杏イエローのアクセント
   ========================================================================== */

:root {
  /* Ink & paper */
  --ink:          #1a1a1a;   /* 公式HPの黒 */
  --ink-soft:     #3c3c3a;
  --paper:        #ffffff;
  --bg-app:       #f1f0ec;   /* 公式HPのうすグレー地 */
  --bg-subtle:    #f7f6f3;
  --bg-neutral:   #efeeea;

  /* Ginkgo（公式ロゴの銀杏イエロー） */
  --ginkgo:       #f0b71f;
  --ginkgo-deep:  #c6920e;
  --ginkgo-soft:  #fbedc4;
  --ginkgo-wash:  #fdf6e0;

  /* Semantic */
  --text-primary:   var(--ink);
  --text-secondary: #55544f;
  --text-tertiary:  #8b897f;
  --text-disabled:  #b4b2a8;
  --text-link:      var(--ink);
  --text-ondark:    #f6f4ee;

  --border-strong:  var(--ink);          /* カードの黒細枠 */
  --border-default: #d9d7d0;
  --border-subtle:  #e7e5de;

  --good:    #2c7a3f;
  --good-bg: #eaf4ec;
  --warn:    #b06000;
  --warn-bg: var(--ginkgo-wash);
  --risk:    #c0392b;
  --risk-bg: #faeceb;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Radius — 公式HPは直角寄り */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 999px;

  /* Shadow — 基本なし。hover時だけわずかに */
  --shadow-hover: 0 6px 16px rgba(26,26,26,.10);

  /* Typography
     公式HP: 字間ひろめのゴシック。ロゴまわりのみ丸い手書き感 */
  --font-body: "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-logo: "Zen Maru Gothic", var(--font-body);
  --ls-wide: .08em;
  --ls-mid:  .04em;

  --fs-h1: 22px;
  --fs-h2: 18px;
  --fs-h3: 16px;
  --fs-body-lg: 16px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-caption: 12px;
  --fs-micro: 11px;

  --lh-body: 1.9;
  --lh-heading: 1.5;

  /* Layout */
  --container: 720px;
  --z-header: 100;
  --ease: cubic-bezier(.4,0,.2,1);
  --dur: .16s;
}

.num { font-variant-numeric: tabular-nums; }