/* Authelia 登录页的方块草地主题 */
:root,
[data-theme="light"] {
    --primary: #5b853f;
    --primary-foreground: #ffffff;
    --accent: #edf4e7;
    --accent-foreground: #344d2c;
    --ring: #7a9a5f;
    --border: #d8e1cf;
}

html {
    min-height: 100%;
    background: transparent !important;
}

body,
#root {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    background: transparent !important;
}

body::before {
    position: fixed;
    z-index: 0;
    inset: 0;
    content: "";
    pointer-events: none;
    background-image:
        linear-gradient(180deg, rgba(244, 249, 238, 0.24), rgba(240, 246, 230, 0.38)),
        url("/auth/minecraft-overworld.png");
    background-position: center;
    background-size: cover;
}

#root > div {
    background-color: transparent !important;
}

#root [class*="min-h-[90vh]"] > div[class*="mx-auto"] {
    padding: 28px 24px;
    border: 1px solid rgba(255, 255, 255, 0.74);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 24px 72px rgba(38, 55, 30, 0.2);
    backdrop-filter: blur(16px);
}

#root img[alt="Logo"] {
    image-rendering: pixelated;
    filter: drop-shadow(0 4px 5px rgba(76, 91, 55, 0.16));
}

#root input,
#root button {
    border-radius: 9px;
}

.adso-icp-footer a {
    padding: 5px 10px;
    border: 1px solid rgba(93, 119, 70, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 560px) {
    #root [class*="min-h-[90vh]"] > div[class*="mx-auto"] {
        margin: 20px 14px;
        padding: 22px 16px;
        border-radius: 17px;
    }

    body::before {
        background-attachment: scroll;
    }
}