:root{

    --bg:#e9edf1;

    --card:#f8fafc;

    --card-soft:#f1f4f7;

    --text:#1f2328;

    --muted:#6c757d;

    --border:#d9dee3;

    --shadow:
        0 4px 14px rgba(0,0,0,0.05);

    --radius:22px;

}

/* ================= GLOBAL ================= */

body{
    background:var(--bg) !important;
    color:var(--text);
}

/* ================= CARDS ================= */

.card,
.news-card,
.poll-card,
.result-card,
.info-card,
.iframe-card,
.news-item{
    background:var(--card) !important;
    box-shadow:var(--shadow) !important;
    border-color:var(--border) !important;
}

/* ================= INPUTS ================= */

input,
textarea,
select{
    background:#fdfdfd !important;
    border:1px solid var(--border) !important;
}

/* ================= BUTTONS ================= */

button,
.btn,
.poll-btn,
.btn-comment,
.create-btn,
.open-btn{
    background:var(--muted) !important;
    border:none !important;
}

/* ================= HEADER ================= */

.header{
    background:#fbfcfd !important;
}

/* ================= BADGES ================= */

.user-badge,
.comment-item,
.option-btn{
    background:var(--card-soft) !important;
}