/* datum24h.com brand layer for AI Beast admin (loaded after every other stylesheet).
   Remaps the Control Room tokens to the datum24h.com "Gradient Flow" palette and fonts; state and tier colours keep
   their meaning. Fonts are bundled (SIL OFL 1.1, see /fonts/OFL.txt) because the admin's CSP allows only 'self'. */
@font-face { font-family: 'Space Grotesk'; font-weight: 400; font-display: swap; src: url('/fonts/space-grotesk-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-weight: 500; font-display: swap; src: url('/fonts/space-grotesk-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-weight: 600; font-display: swap; src: url('/fonts/space-grotesk-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-weight: 700; font-display: swap; src: url('/fonts/space-grotesk-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 400; font-display: swap; src: url('/fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 500; font-display: swap; src: url('/fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 600; font-display: swap; src: url('/fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 700; font-display: swap; src: url('/fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 800; font-display: swap; src: url('/fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2'); }

:root {
  --night-0: #0A0713; --night-1: #0F0A1E; --night-2: #150F2A; --night-3: #1B1440; --well: #0A0713;
  --line: rgba(244, 241, 251, .10); --line-2: rgba(244, 241, 251, .20);
  --text: #F4F1FB; --muted: #B7AED3; --faint: #8479A8;
  --amber: #22D3EE; --gold: #A78BFA; --orange: #FF8A3D; --burnt: #F0398F; --teal: #22D3EE; --magenta: #F0398F; --violet: #7C3AED; --sky: #38BDF8;
  --paper: #F7F5FC; --paper-2: #EFE6FD; --paper-ink: #1E1646; --paper-muted: #5B5478;
  --serif: 'Space Grotesk', system-ui, sans-serif;
  --sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --datum-flow: linear-gradient(90deg, #22D3EE, #7C3AED 38%, #F0398F 70%, #FF8A3D);
}
body { background: radial-gradient(1000px 520px at 50% -12%, #1d1045 0%, transparent 60%), var(--night-1); }
/* headings and the wordmark in the display face */
h1, h2, h3, .brand-text b, .boot-title, .panel-head, .paper-title { font-family: var(--serif); letter-spacing: -.01em; }
.brand-text b { background: var(--datum-flow); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* primary actions: datum24h.com green */
.btn.primary, button.primary, .primary.btn { background: #22C55E; color: #052E16; border-color: #16A34A; box-shadow: 0 10px 24px -14px rgba(34, 197, 94, .7); }
.btn.primary:hover, button.primary:hover { filter: brightness(1.07); }
/* calmer surfaces: no CRT scanlines, softer horizon */
.crt::after { opacity: .18; }
.floor::before { opacity: .45; }
:focus-visible { outline-color: #22D3EE; }

/* retro artwork → datum24h.com: the Datum icon and the brand gradient instead of the synthwave sun, horizon and orb */
.sun, .floor, .floor-grid { display: none !important; }
.emblem { background: url('/datum-icon.svg') center / contain no-repeat !important; box-shadow: none !important; border: 0 !important; }
.emblem > * { display: none !important; }
.welcome-sun { background: url('/datum-icon.svg') center / contain no-repeat !important; box-shadow: 0 18px 50px -18px rgba(124, 58, 237, .6) !important; border-radius: 16px; }
.welcome-sun::before, .welcome-sun::after { display: none !important; }
.welcome-h { font-style: normal; }
.welcome-h em { font-style: normal; background: var(--datum-flow); -webkit-background-clip: text; background-clip: text; color: transparent; }
.welcome-h, .welcome-sub { color: var(--text); }
.welcome-sub { color: var(--muted); }