/* =============================================
   DinkArena — PLAYFUL & SOFT UI DESIGN SYSTEM
   Theme: Vườn Chuối Open (Green, Yellow, Bright)
   ============================================= */

:root {
    /* Bảng màu rực rỡ mới */
    --pk-green: #2a5971;
    --pk-green-hover: #204152;
    --pk-yellow: #F4D03F;
    --pk-yellow-hover: #F1C40F;
    --pk-dark: #2c3e50;
    --pk-gray: #e2e8f0;
    --pk-gray-light: #f8fafc;
    --pk-garden-light: #edfdf3;
    --pk-bg: #f0f4f8;
    --pk-text: #334155;
    --pk-text-muted: #94a3b8;
    --pk-danger: #e74c3c;
}

/* ── Base ── */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: var(--pk-bg) !important;
    color: var(--pk-text);
    font-family: 'Nunito', sans-serif !important;
    margin-bottom: 60px;
}

/* ── Brand ──  (Removed to external dinkarena-logo.css) */

/* ── Ép hiển thị khung và BO TRÒN cho Card ── */
.card, .card-custom, .stat-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border-radius: 20px !important; /* Trả lại sự mềm mại bo tròn */
    overflow: hidden !important; /* Chặn nội dung bên trong tràn ra ngoài góc bo */
    margin-bottom: 1.5rem;
}