:root {
    --primary:          #1e3a5f;
    --primary-light:    #1a3353;
    --primary-pale:     #e4e7eb;
    --accent:           #e8954a;
    --accent-light:     #f3caa4;
    --accent-pale:      #fcf2e9;
    --success:          #2d9e6b;
    --success-pale:     #e5f3ed;
    --bg-body:          #f0f4f8;
    --bg-sidebar:       #1a2f4e;
    --bg-sidebar-dark:  #132340;
    --primary-rgb:      30,58,95;
    --accent-rgb:       232,149,74;
}

/* Sidebar gradient ตามธีม */
.sidebar {
    background: #1a2f4e;
}

/* Login page gradient ตามธีม */
body:not(.user-layout):not(.admin-layout) {
    background: #132340;
}

.login-page {
    background: linear-gradient(135deg, #132340 0%, #1a2f4e 50%, #1e3a5f 100%);
}

/* Dashboard welcome banner */
.dashboard-welcome {
    background: linear-gradient(135deg, #1e3a5f 0%, #1a3353 100%);
}

/* Table header */
.table thead tr {
    background: #1e3a5f;
}

/* Nav active */
.nav-item.active {
    background: linear-gradient(135deg, rgba(232,149,74,0.2), rgba(232,149,74,0.1));
    border-left-color: #e8954a;
    color: #f3caa4;
}

/* Buttons */
.btn-primary { background: #1e3a5f; border-color: #1e3a5f; }
.btn-primary:hover { background: #1a3353; border-color: #1a3353; }
.btn-accent { background: #e8954a; }
.btn-accent:hover { background: #d08642; }

/* Login logo icon */
.login-logo-icon {
    background: linear-gradient(135deg, #1e3a5f, #1a3353);
}

/* Sidebar logo icon */
.logo-icon {
    background: linear-gradient(135deg, #e8954a, #f3caa4);
}