@import url("./layout.css");
@import url("./sidebar.css");
@import url("./topbar.css");
@import url("./components.css");
@import url("./cameras.css");
@import url("./dashboard.css");
@import url("./workflow.css");

:root {
  color-scheme: dark;
  --bg: #08111f;
  --panel: #101b2d;
  --panel-soft: #132238;
  --panel-strong: #182b45;
  --text: #f3f7fc;
  --muted: #91a4bf;
  --accent: #4eb8ff;
  --accent-soft: rgba(78, 184, 255, 0.14);
  --success: #4bd3a2;
  --border: rgba(255, 255, 255, 0.09);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
  --sidebar-width: 270px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 85% 5%, rgba(78,184,255,.12), transparent 28rem), var(--bg); }
button { font: inherit; }
h1, h2, h3, p { margin-top: 0; }
svg { width: 1.2rem; height: 1.2rem; fill: currentColor; }