@import url('style.css');

/* 夜の背景 */
body {
    background-color: #1a1a2e;
    /* 濃紺で夜空っぽさを演出 */
    color: #585353;
}

/* カードの背景を少し明るくして、文字とのコントラストを作る */
.login-card,
.post-card,
.reply-item {
    background-color: rgba(126, 126, 199, 0.9);
    /* 少し青みがかったダークグレー */
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* 薄い枠線でカードを強調 */
    border-left: 5px solid #dde115;

}

/* AIアシスタントからの返信カード(左端を青い線にしてAIっぽさを演出)*/
.reply-item.ai-reply {
    background-color: rgba(30, 30, 50, 0.9);
    /* 少し青みがかったダークグレー */
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* 薄い枠線でカードを強調 */

    border-left: 5px solid#0275d8;
}


/* 投稿本文などは白く */
.post-body-text {
    color: #ffffff;
}

/* 日時などのフッター情報は少し控えめな白 */
.post-footer {
    color: #b0b0b0 !important;
    border-top: 1px solid #333 !important;
}

/* リンクボタンの色も夜に合わせる */
a {
    color: #60a5fa !important;
    /* 明るめの青で、暗闇でも目立つように */
}