:root {
  /* =========================================
     1. Color Palette (画竜カラー 7色定義)
     ※資料に基づく固有の色名を持つ基礎パレット
  ========================================= */
  --palette-hon-murasaki: #65318e; /* 本紫: 画竜点睛の象徴。高貴で妖艶な和の紫 */
  --palette-tome-kon: #1c305c; /* 留紺: Node.共通の信頼色。限りなく黒に近い紺 */
  --palette-hi-iro: #d3381c; /* 緋色: 「点睛」の赤。決断を促す強い色 */
  --palette-byakugun: #83ccd2; /* 白群: 先進性を表す光の色。ミントグリーン系の和色 */
  --palette-tetsu-iro: #005243; /* 鉄色: 機能美を表す深い青緑 */

  --palette-midnight: #0e1521; /* Midnight Black: Node.共通文字色（ダークでは背景に） */
  --palette-ghost: #fbfdff; /* Ghost White: Node.共通背景色（ダークでは文字色に） */

  /* =========================================
     2. Semantic Colors (ダークテーマでの役割割り当て)
     ※パレット変数を呼び出して、実際のデザイン上の役割に適用
  ========================================= */

  /* --- ベース＆テキスト --- */
  --color-bg-body: var(--palette-midnight); /* ダークテーマの背景色（黒） */
  --color-text-body: var(--palette-ghost); /* ダークテーマの基本文字色（白） */

  /* --- テーマカラー --- */
  --color-primary: var(--palette-hon-murasaki); /* メインブランド色・主役 */
  --color-corp-base: var(--palette-tome-kon); /* 企業ベース色 (ヘッダー等) */
  --color-action: var(
    --palette-hi-iro
  ); /* コンバージョン/アクション (最重要) */
  --color-highlight: var(
    --palette-byakugun
  ); /* ホバー発光/NEWバッジ (先進性) */
  --color-functional: var(
    --palette-tetsu-iro
  ); /* スペック表/アイコン (機能色) */

  /* =========================================
     3. Utilities (エフェクト用)
     ※透明度を伴う影や発光の定義
  ========================================= */
  /* ダークテーマ用に、留紺をベースにした深めの影を設定 */
  --shadow-base: rgba(28, 48, 92, 0.4);

  /* 白群をベースにしたサイバーな発光エフェクト */
  --glow-accent: rgba(131, 204, 210, 0.6);

  /* =========================================
     4. Light Theme Utilities
     ※構成見積り画面等の白背景用（汎用）
  ========================================= */
  --color-light-bg: #ffffff;
  --color-light-bg-alt: #f9fafb;
  --color-light-text: #111827;
  --color-light-text-muted: #4b5563;
  --color-light-border: #d1d5db;
  --color-light-border-light: #e5e7eb;
}