/* =========================================================
   Real -- Design System Entry Point
   Import order matters: tokens → reset → primitives → components → pages
   ========================================================= */

@import 'tokens.css';
@import 'reset.css';
@import 'typography.css';
@import 'layout.css';
@import 'nav.css';
@import 'buttons.css';
@import 'cards.css';
@import 'footer.css';
@import 'scroll-progress.css';
@import 'animations.css';
@import 'cookie-consent.css';
@import 'forms.css';
@import 'pages/auth.css';
@import 'pages/prose.css';
@import 'pages/dashboard.css';
@import 'pages/license.css';
@import 'pages/home.css';
@import 'pages/about.css';
@import 'pages/cookies.css';

/* ── Outage banner (injected dynamically by js/status-banner.js) ───────────── */
.outage-banner {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  background: #b91c1c;
  color: #fff;
  text-align: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.outage-banner--degraded { background: #92400e; }
.outage-banner a {
  color: #fde68a;
  text-decoration: underline;
  font-weight: 600;
}
.outage-banner a:hover { color: #fef3c7; }
body:has(.outage-banner) .nav { top: 41px; }
body:has(.outage-banner) .scroll-progress { top: 41px; }