@import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@600;700&family=Tajawal:wght@400;500;700&display=swap");
@import url("/lib/bootstrap/dist/css/bootstrap.rtl.min.css");
@import url("/css/gemo-theme.css?v=20261106w");

:root {
    --bs-primary: #4a1630;
    --bs-primary-rgb: 74, 22, 48;
    --bs-body-bg: #14080e;
    --bs-body-color: #1a1014;
    --bs-font-sans-serif: "Tajawal", sans-serif;
}

body {
    font-family: "Tajawal", sans-serif;
    background:
        radial-gradient(900px 420px at 10% -10%, rgba(201, 163, 106, .22), transparent 55%),
        radial-gradient(700px 480px at 110% 10%, rgba(74, 22, 48, .55), transparent 50%),
        linear-gradient(165deg, #14080e 0%, #2a0e1c 42%, #3d1228 100%) !important;
    color: #1a1014;
    min-height: 100vh;
}

.login-card h4,
.login-card .h4 {
    font-family: "El Messiri", serif;
    color: #4a1630;
}

.form-control,
.input-group-text {
    min-height: 48px;
    background: #fff !important;
    border-color: #eadfe4 !important;
    border-radius: 14px !important;
}

.form-control:focus {
    border-color: #c9a36a !important;
    box-shadow: 0 0 0 3px rgba(201, 163, 106, .22) !important;
}

.login-icon {
    width: 128px !important;
    height: 128px !important;
    border-radius: 28px !important;
    background: #4a1630 url("/images/gemo-logo.jpg?v=1") center/cover no-repeat !important;
    color: transparent !important;
}
.login-icon i,
.login-icon svg {
    display: none !important;
}