/* 変数定義 */
:root {
    /* カラー */
    --primary-color: #1a2942;
    /* ダークネイビー - メインカラー */
    --secondary-color: #d4af37;
    /* ゴールド - アクセントカラー */
    --accent-color: #4a6fa5;
    /* ディープスカイブルー - ポイントカラー */
    --background-light: #f1f1f5;
    /* ライトグレー - 明るいセクション背景 */
    --background-dark: #1a2942;
    /* ダークネイビー - 暗いセクション背景 */
    --text-dark: #1a2942;
    /* ダークネイビー - 明るい背景上のテキスト */
    --text-muted: #5d6b81;
    /* ミディアムグレー - 明るい背景上の補助テキスト */
    --text-light: #f8f4e9;
    /* アイボリー - 暗い背景上のテキスト */
    --border-color: #d8d8e0;
    /* ペールグレー - ボーダー色 */
    --error-color: #b22222;
    /* ダークレッド - エラー色 */
    --success-color: #2e7d32;
    /* ダークグリーン - 成功色 */
    --highlight-color: #d4af37;
    /* ゴールド - ハイライト色 */
    --cta-color: #d4af37;
    /* ゴールド - CTAボタン色 */
    --cta-hover-color: #c49c2c;
    /* ダークゴールド - CTAホバー色 */
    --navy-light: #283655;
    /* ミッドナイトブルー - 薄めのネイビー */
    --navy-gradient: linear-gradient(135deg, #1a2942, #283655);
    /* ネイビーグラデーション */
    --gold-gradient: linear-gradient(135deg, #d4af37, #e6c589);
    /* ゴールドグラデーション */

    /* フォントサイズ */
    --font-size-xxs: 0.75rem;
    /* 12px */
    --font-size-xs: 0.875rem;
    /* 14px */
    --font-size-s: 1rem;
    /* 16px - 基本 */
    --font-size-m: 1.125rem;
    /* 18px */
    --font-size-l: 1.25rem;
    /* 20px */
    --font-size-xl: 1.5rem;
    /* 24px */
    --font-size-xxl: 2rem;
    /* 32px */
    --font-size-xxxl: 2.5rem;
    /* 40px */

    /* スペーシング */
    --spacing-xs: 0.5rem;
    /* 8px */
    --spacing-s: 1rem;
    /* 16px */
    --spacing-m: 1.5rem;
    /* 24px */
    --spacing-l: 2rem;
    /* 32px */
    --spacing-xl: 3rem;
    /* 48px */
    --spacing-xxl: 4rem;
    /* 64px */

    /* ボーダーレディウス */
    --border-radius-s: 4px;
    --border-radius-m: 8px;
    --border-radius-l: 16px;
    --border-radius-xl: 24px;
    --border-radius-xxl: 50px;

    /* シャドウ */
    --shadow-s: 0 2px 5px rgba(0, 0, 0, 0.1);
    --shadow-m: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-l: 0 8px 20px rgba(0, 0, 0, 0.15);

    /* コンテナ幅 */
    --container-max-width: 1200px;
}