/*
 * The page visitors see before signing in: black and orange, whatever the
 * default settings say. <html> gets .landing-mode while nobody is signed in
 * (index.php on first paint, render.js after signing in or out).
 * Everything else uses the dashboard's own styles, so the two look alike.
 */

:root.landing-mode,
:root.landing-mode[data-theme] {
    color-scheme: dark;
    --accent: #ff7a1a !important; /* beats the accent set inline from settings */
    --bg: #070707;
    --fg: #ededed;
    --muted: #8f8a85;
    --line: rgb(255 255 255 / 0.08);
    --surface: rgb(255 255 255 / 0.03);
    --surface-2: rgb(255 255 255 / 0.065);
    --panel: #111111;
    --ok: #34d399;
    --bad: #f87171;
}

/* Background: a soft orange light at the top over a faint dot grid. */
.landing-mode #bg { background: var(--bg) !important; }
.landing-mode #bg > * { display: none; }
.landing-mode #bg::before {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(70% 50% at 50% -10%, rgb(255 122 26 / 0.16), transparent 70%);
}
.landing-mode #bg::after {
    content: ""; position: absolute; inset: 0;
    background-image: radial-gradient(rgb(255 255 255 / 0.07) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to bottom, #000, transparent 70%);
}