/* ===== メインCSSファイル ===== */
/* このファイルは他のCSSファイルをインポートして統合します */

/* ベーススタイル */
@import url('./base.css');

/* ページ別スタイル */
@import url('./login.css');
@import url('./mypage.css');
@import url('./ranking.css');
@import url('./users.css');

/* 共通コンポーネント */
@import url('./components.css');

/* ===== 共通ユーティリティクラス ===== */
/* 他のページでも使用される可能性のある共通クラスをここに配置 */

/* ===== ログアウトボタンスタイル ===== */
.logout-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f44336;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: background-color 0.3s ease;
    margin-top: 20px;
}

.logout-btn:hover {
    background-color: #d32f2f;
    text-decoration: none;
    color: white;
}

.logout-btn:active {
    background-color: #b71c1c;
}