:root {
    --primary: #008000;
    --primary-dark: #006200;
    --primary-light: #c8ffc8;
    --secondary: #0ea5e9;
    --secondary-dark: #0087cb;
}

body {
    background: linear-gradient(rgba(248, 250, 252, 0.3), rgba(248, 250, 252, 0.3)), url('../../assets/img/login_bg.png') fixed !important;
    background-size: cover !important;
    background-position: center !important;
}

.app-container {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.login-body {
    background: linear-gradient(135deg, rgba(0, 128, 0, 0.8), rgba(14, 165, 233, 0.8)), url('../../assets/img/login_bg.png') !important;
    background-size: cover !important;
    background-position: center !important;
}