/* retoor <retoor@molodetz.nl> */
/* devplace-login-theme */
/* DevPlace palette, restated as literals because code-server serves this file
   outside the application and cannot read static/css/variables.css.
   --bg-primary #080413   --bg-card #1a1030   --bg-input #140b26
   --accent #ff6b35       --accent-hover #ff7d4d
   --text-primary #f4eefb --text-secondary #b8a8d0
   --border rgba(255,255,255,0.08)  --radius 12px */

body {
    background: linear-gradient(135deg, #080413 0%, #160a28 50%, #080413 100%);
    color: #f4eefb;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.center-container {
    background: transparent;
}

.card-box {
    background: #1a1030;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.header .main {
    color: #f4eefb;
    font-weight: 700;
}

.header .sub,
.content .links,
.content .links a {
    color: #b8a8d0;
}

.content .links a:hover {
    color: #ff6b35;
}

.field input,
.password-input {
    background: #140b26;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: #f4eefb;
}

.field input::placeholder {
    color: #7a6a90;
}

.field input:focus,
.password-input:focus {
    border-color: #ff6b35;
    outline: none;
}

.field .submit,
.submit {
    background: #ff6b35;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 600;
}

.field .submit:hover,
.submit:hover {
    background: #ff7d4d;
}

.error-display,
.error {
    background: rgba(229, 57, 53, 0.16);
    border-radius: 12px;
    color: #ffb4b2;
}
