/* กำหนดตัวแปรสีธีมฟ้า (CSS Variables) สำหรับ Bubblyfur */
:root {
    --primary-blue: #2A84FF;
    --light-blue: #EAF2FF;
    --dark-blue: #1555B3;
    --text-dark: #333333;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-dark);
    background-color: #F8F9FA;
}

/* Custom UI Components */
.bg-primary-theme {
    background-color: var(--primary-blue) !important;
}

.text-primary-theme {
    color: var(--primary-blue) !important;
}

.btn-primary-theme {
    background-color: var(--primary-blue);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary-theme:hover {
    background-color: var(--dark-blue);
    color: white;
}

.card {
    border-radius: 12px;
    overflow: hidden;
}

.form-control, .form-select {
    border-radius: 8px;
    border: 1px solid #ced4da;
}

.form-control:focus, .form-select:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 0.25rem rgba(42, 132, 255, 0.25);
}