@charset "utf-8";

/* ============================================================
 * サイト共通 CSS 変数（カラー・レイアウト）
 *
 * 注意: このファイルは他のCSSより先に読み込むこと。
 * 変更する際はサイト全体の色味に影響する。
 * ============================================================ */

:root {
    /* ========== ブランドカラー ========== */

    /* プライマリ（緑系）— 一般ページの主調色 */
    --color-primary:          #86b534;
    --color-primary-dark:     #729e2a;
    --color-primary-darker:   #6b9627;
    --color-primary-accent:   #2f4f16; /* 濃緑：ナビ文字など */
    --color-primary-alt:      #a2c32d; /* タブなど */
    --color-primary-light:    #eef8de;

    /* セカンダリ（青系）— マップ・地図関連 */
    --color-secondary:        #1f3c88;
    --color-secondary-dark:   #163070;
    --color-secondary-light:  #eef3fb;
    --color-secondary-accent: #3d5ba3;

    /* アクセント（青）— リンク色・バッジ */
    --color-accent:           #2d6aa6;
    --color-accent-dark:      #24527f;

    /* 会員系（コーラル）— 会員ページ */
    --color-member:           #ff896f;
    --color-member-dark:      #e87259;
    --color-member-light:     #ffccc1;
    --color-member-lighter:   #fff8f5;
    --color-member-border:    #ffd5c5;

    /* ========== セマンティックカラー ========== */

    /* 危険・削除・エラー */
    --color-danger:           #c94545;
    --color-danger-dark:      #a33636;
    --color-danger-bg:        #fdf2f2;
    --color-danger-bg-hover:  #fae5e5;

    --color-error-bg:         #fde7e7;
    --color-error-text:       #8a1b1b;

    /* 成功・通知 */
    --color-success:          #2d7a44;
    --color-success-dark:     #24653a;
    --color-success-bg:       #e3f7e6;
    --color-success-text:     #186a2b;

    /* 警告・日付オレンジ */
    --color-warning:          #e09216;
    --color-warning-alt:      #e90;

    /* バッジブラウン（賛助会員など） */
    --color-brown:            #8a5b2d;

    /* ========== ニュートラル ========== */

    --color-white:            #fff;
    --color-bg:               #f7f8fa;
    --color-bg-alt:           #f5f6f8;
    --color-bg-card:          #fafbfc;

    --color-border:           #dcdfe3;
    --color-border-light:     #e0e3e6;
    --color-border-dotted:    #d0d4d8;
    --color-border-input:     #c0c4c8;
    --color-th-bg:            #eef1f4;

    --color-text:             #1f2937;
    --color-text-alt:         #222;
    --color-text-sub:         #333;
    --color-muted:            #555;
    --color-muted-alt:        #777;
    --color-muted-soft:       #888;
    --color-muted-lighter:    #999;

    --color-dark:             #222;
    --color-dark-alt:         #333;
    --color-dark-nav:         #3a3a3a;

    /* ========== ファイル種別アイコンカラー ========== */

    --color-file-pdf:         #c94545;
    --color-file-word:        #2b579a;
    --color-file-excel:       #217346;
    --color-file-powerpoint:  #d24726;
    --color-file-zip:         #6b7280;

    /* ========== レイアウト ========== */

    --layout-max-width:       1100px;
    --layout-radius:          6px;
    --layout-radius-sm:       4px;
    --layout-shadow:          0 1px 3px rgba(0,0,0,0.04);
    --layout-shadow-hover:    0 4px 12px rgba(0,0,0,0.08);
}