/* Pixel art backgrounds for Obsidian Terminal */
/* Each page gets its scene via body[data-page] */

body {
  background-color: var(--bg, #08080f);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 3px,
    rgba(0, 0, 0, 0.04) 3px,
    rgba(0, 0, 0, 0.04) 4px
  );
}

body[data-page="index"]       { background-image: url('../assets/bg/portal-entrance.png'); }
body[data-page="dashboard"]   { background-image: url('../assets/bg/cyber-grid.png'); }
body[data-page="orders"]      { background-image: url('../assets/bg/forge-fire.png'); }
body[data-page="portfolio"]   { background-image: url('../assets/bg/dragon-hoard.png'); }
body[data-page="indicators"]  { background-image: url('../assets/bg/arcane-runes.png'); }
body[data-page="market"]      { background-image: url('../assets/bg/data-stream.png'); }
body[data-page="strategies"]  { background-image: url('../assets/bg/war-table.png'); }
body[data-page="watchlist"]   { background-image: url('../assets/bg/star-field.png'); }
body[data-page="settings"]    { background-image: url('../assets/bg/settings-gear.png'); }
body[data-page="financials"]  { background-image: url('../assets/bg/gold-vault.png'); }
body[data-page="auth"]        { background-image: url('../assets/bg/void-gate.png'); }