/* PoliLink Open デザイントークン — spec §2.2(墨×琥珀・ライトのみ) */
:root {
  /* ベース */
  --ink-900: #141517;
  --ink-700: #52525b;  /* 本文・法務カード(従来は未定義で暗黙フォールバックしていた) */
  --ink-600: #71717a;
  --ink-400: #73737d;  /* 補助テキスト。白地で AA(4.5:1)を満たす濃さに調整 */
  --paper: #ffffff;
  --paper-hover: #f3f3f3;  /* 白系ホバー面 */
  --surface: #ffffff;
  --border: #e4e4e4;
  --amber-500: #ffb800;  /* ブランドカラー */
  --amber-300: #ffd34d;
  --amber-700: #b45309;
  --amber-050: #fffaf0;  /* 琥珀の極淡ティント背景 */

  /* 公式LINEブランドグリーン(基本色 #06C755) */
  --line-500: #06c755;  /* LINE 公式ブランドグリーン(基本色) */
  --line-700: #06c755;  /* CTA 背景も基本色を使用(ブランド遵守) */
  --line-900: #05b34c;  /* CTA ホバー(やや暗い公式グリーン) */

  /* 状態 */
  --up: #16a34a;
  --down: #dc2626;

  /* スケルトン(SVGバーの下地) */
  --skeleton: #f0f0f2;

  /* マップ密度5階調(琥珀) */
  --map-d0: #fff6d9;
  --map-d1: #ffe9a8;
  --map-d2: #ffd34d;
  --map-d3: #ffb800;
  --map-d4: #cf9200;

  /* ヒーロー専用の高彩度ランプ(ファーストビューの鮮烈マップ。map-d* とは別系統) */
  --hero-d0: #ffe9a8;
  --hero-d1: #ffd23d;
  --hero-d2: #ffa51f;
  --hero-d3: #ff7a00;
  --hero-d4: #e84e00;

  /* データ可視化: L1テーマ固定色(spec §2.2。T23=その他はグレー) */
  --viz-t01: #f59e0b; /* 妊娠・出産・子育て */
  --viz-t02: #6366f1; /* 学校・教育 */
  --viz-t03: #0ea5e9; /* 仕事・働き方 */
  --viz-t04: #f97316; /* 商売・産業・地域経済 */
  --viz-t05: #84cc16; /* 農業・林業・漁業 */
  --viz-t06: #10b981; /* 医療・健康 */
  --viz-t07: #14b8a6; /* 介護・高齢者 */
  --viz-t08: #06b6d4; /* 障害・福祉 */
  --viz-t09: #3b82f6; /* 暮らしのお金・社会保障 */
  --viz-t10: #8b5cf6; /* 住まい・まちづくり */
  --viz-t11: #a855f7; /* 道路・交通・移動 */
  --viz-t12: #64748b; /* 水道・電気・通信インフラ */
  --viz-t13: #ef4444; /* 防災・災害 */
  --viz-t14: #e11d48; /* 防犯・安全・交通安全 */
  --viz-t15: #22c55e; /* 環境・エネルギー・脱炭素 */
  --viz-t16: #65a30d; /* ごみ・リサイクル */
  --viz-t17: #ec4899; /* 文化・スポーツ・余暇 */
  --viz-t18: #78716c; /* 行政サービス・手続き・税 */
  --viz-t19: #2563eb; /* デジタル・行政DX */
  --viz-t20: #d946ef; /* 人権・多様性・参加 */
  --viz-t21: #0d9488; /* 地域コミュニティ・つながり */
  --viz-t22: #475569; /* 国政・外交・安全保障への関心 */
  --viz-t23: #a1a1aa; /* その他 */

  /* 余白(4pxベース) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px;  /* ヒーロー・大セクションの余白 */

  /* 角丸・影 */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-card: 12px;
  --r-pill: 999px;
  --r-full: 50%;
  --shadow-card: 0 1px 2px rgba(20, 21, 23, .04);
  --shadow-hover: 0 4px 12px rgba(20, 21, 23, .08);
  --shadow-float: 0 10px 24px rgba(20, 21, 23, .18);  /* 浮きカード・フローティング */
  --shadow-pop: 0 20px 60px rgba(20, 21, 23, .25);    /* モーダル・ポップオーバー */

  /* タイポ */
  /* ブランド書体: 游ゴシック体(推奨ウェイトはM=500とB=700の2種) */
  --font-body: "YuGothic", "Yu Gothic", "Hiragino Sans",
               "Noto Sans JP", sans-serif;
  /* フォントサイズスケール(離散値の集約) */
  --fs-2xs: 11px; --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px;
  --fs-md: 15px;  --fs-lg: 16px; --fs-xl: 20px;  --fs-2xl: 28px;

  /* モーション */
  --dur: 240ms;
  --ease: cubic-bezier(.25, .8, .25, 1);
}