/**
 * Solstice Design Tokens v1.1
 * hello-top-v11 準拠 — 全CTXページ共通CSS変数
 * このファイルはCTXページテンプレートでのみ読み込まれる
 *
 * v1.1 - --amber追加、body閉じブレース修正
 * v1.0 - 初版
 */

/* ============================================================
   DESIGN SYSTEM (hello-top-v11 準拠)
   ============================================================ */
:root{
  --white:#F8F9FA;--silk:#F1F3F5;--mist:#E5E8EB;--ash:#CED4DA;
  --stone:#868E96;--ink:#343A40;--ink-deep:#212529;
  --water:#8EBED6;--water-deep:#6BA3BE;--water-ghost:#D4E5ED;--water-breath:#EBF2F6;
  --line-green:#06C755;
  --safe:#10b981;--safe-bg:rgba(16,185,129,.04);--safe-border:rgba(16,185,129,.2);
  --warn:#f97316;--warn-bg:rgba(249,115,22,.04);--warn-border:rgba(249,115,22,.18);
  --danger:#ef4444;--danger-bg:rgba(239,68,68,.04);--danger-border:rgba(239,68,68,.15);
  --amber:#d97706;--amber-bg:rgba(217,119,6,.04);--amber-border:rgba(217,119,6,.18);
  --font-ja:'Noto Sans JP',sans-serif;
  --font-mincho:'Shippori Mincho',serif;
  --font-num:'Barlow',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font-ja);color:var(--ink);background:var(--white);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  line-height:1.8;overflow-x:hidden}