/* ======================================================
 * tab01-variables.css
 * 【基礎】変数・共通設定
 * 【役割】サイト全体を統括するカラーパレットおよびデザイン変数の集中管理
 * ------------------------------------------------------
 * ・ブランドを象徴するメインカラー（紺色）と高級感を演出するアクセントカラー（金色）の定義
 * ・注意を喚起する警告・注釈カラー（赤色）の規定
 * ・視認性に配慮したテキスト（主文字・副文字）の階調デザイン
 * ・案内ボックス（和紙色）やトーンを落とした各種背景色、境界線（ボーダーカラー）の標準化
 * ====================================================== */

/* --- 1. グローバル変数定義 (CSS Variables) --- */
:root {
  --color-primary: #12458f;       /* メイン紺色 */
  --color-accent: #c5a059;         /* アクセント金色 */
  --color-alert: #d93333;          /* 警告・注釈赤色 */
  --color-text-main: #333333;
  --color-text-sub: #666666;
  --color-bg-light: #f8f9fa;
  --color-bg-note: #fdfaf5;       /* 案内ボックス用和紙色 */
  --border-color: #e0e0e0;
  --border-color-light: #f0f0f0;
}