/* ============================================================
   agna design tokens ── 色味・トーンの一括管理はこのファイルだけを編集
   （トップLP・サブページ共通の単一管理点。JSのcanvas描画色もここを参照）
   ============================================================ */
:root{
  /* ---- ブランドアクセント（ポイント色） ---- */
  --lime:#C9F24E;          /* 主アクセント（ボタン・強調・カーソル） */
  --lime-d:#B7E63A;        /* アクセント濃（hover・下線・キャレット） */
  --tint:#F3FADC;          /* アクセント淡（選択背景） */

  /* ---- ベース（地色） ---- */
  --bg:#FFFFFF;            /* ページ地 */
  --paper:#F6F5F1;         /* 交互セクションの地 */

  /* ---- インク（黒系・反転セクションの地） ---- */
  --ink:#0E0F13;           /* 最濃・黒セクション地／主要テキスト */
  --ink2:#17181D;          /* 補助ダーク */

  /* ---- テキスト ---- */
  --mut:#666A72;           /* 副次テキスト */
  --faint:#9A9DA3;         /* 弱テキスト・ラベル */

  /* ---- 罫線・ヘアライン ---- */
  --line:#E8E6E0;          /* 基本ヘアライン */
  --line-d:#D6D3CA;        /* hover時の濃ヘアライン */
  --stroke-ghost:#DCDAD2;  /* 装飾アウトライン数字の線 */
  --dline:rgba(255,255,255,.1);   /* 黒セクション内ヘアライン */

  /* ---- 黒セクション内テキスト ---- */
  --dtxt:#FFFFFF;
  --dtxt-dim:rgba(255,255,255,.55);
  --dtxt-faint:rgba(255,255,255,.45);

  /* ---- ヒーローcanvas（ネットワークアニメ）---- */
  --net-ring:#ECEAE3;      /* フィボナッチ同心円 */
  --net-node:20,22,27;     /* ノード・リンク線の RGB（カンマ区切り） */

  /* ---- モーション ---- */
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* アウトライン（白抜き）タイポ共通ユーティリティ（サイト全体で使用） */
.ghost-txt{color:transparent;-webkit-text-stroke:1.4px var(--stroke-ghost);
  font-weight:900;letter-spacing:-.04em;line-height:.82;white-space:nowrap;
  text-transform:uppercase;pointer-events:none;user-select:none}