/* Pierwszy paint przed pełnym CSS Vite — bez inline <style> w index.html (CSP). */
html,
body {
  margin: 0;
  background: #121212;
  color: #fff;
  min-width: 360px;
}
html[data-accent="arctic"],
html[data-accent="arctic"] body {
  background: #f3f6fa;
  color: #17283d;
}
html[data-accent="sand"],
html[data-accent="sand"] body {
  background: #f7f3eb;
  color: #29241f;
}
html[data-accent="blush"],
html[data-accent="blush"] body {
  background: #fff5f7;
  color: #342630;
}
html.intro-cover,
html.intro-cover body {
  background: var(--boot-bg, #07080a);
}
html.intro-cover::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 500;
  background: var(--boot-bg, #07080a);
}
html.intro-cover #root {
  visibility: hidden;
}
html[data-accent="redline"] {
  --boot-bg: #10080a;
}
html[data-accent="ice"] {
  --boot-bg: #070e1a;
}
html[data-accent="arctic"] {
  --boot-bg: #eef3f8;
}
html[data-accent="sand"] {
  --boot-bg: #f7f3eb;
}
html[data-accent="blush"] {
  --boot-bg: #fff5f7;
}
html {
  overflow-x: auto;
}
#root {
  min-height: 100vh;
  min-width: 360px;
}