/* Pandora theme for the login page — palette and diagonal ink-hatching
   background lifted from rms-server/src/web/static/rms-themes.css
   (html.theme-pandora block + its .glass-tabs body background), since
   login-server is a separate server/origin with no shared static assets
   or theme-switching JS. This page always shows Pandora — no picker,
   matching the fixed choice made for this page. */
:root {
    --tint: 255, 66, 15;
    --accent: 0, 200, 255;
    --deep: 140, 40, 10;
    --surf-1: #1a1a1d;
    --surf-2: #232326;
    --surf-3: #131315;
    --font-ui: "Bahnschrift SemiBold", "Segoe UI Semibold", Arial, sans-serif;
}

body {
    background:
        repeating-linear-gradient(45deg, rgba(var(--tint), 0.06) 0px, rgba(var(--tint), 0.06) 1px, transparent 1px, transparent 11px),
        radial-gradient(1200px 800px at 80% 0%, rgba(var(--accent), 0.14), transparent 62%),
        var(--surf-1) !important;
    color: #e8e8ea;
    font-family: var(--font-ui);
}

h3 {
    color: #f2f2f2;
}

form.border {
    background: var(--surf-2) !important;
    border-color: #101012 !important;
    border-width: 2px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.form-control {
    background-color: var(--surf-3) !important;
    border-color: #101012 !important;
    color: #e8e8ea !important;
}

.form-control:focus {
    border-color: rgb(var(--accent)) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--accent), 0.25);
}

.form-label {
    color: #b7b7bd !important;
}

.btn-primary {
    background-color: rgb(var(--tint)) !important;
    border-color: rgb(var(--deep)) !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.btn-primary:hover {
    background-color: rgb(var(--deep)) !important;
}