/* Black Bull Edition — theme overrides on top of 98.css. Spec §5 / §9 deviation.
   Selectors below target real DOM: WinBox chrome (.winbox/.wb-title/.wb-body —
   WinBox owns all window chrome in this app, 98.css's own .window/.title-bar
   classes are never applied) and the taskbar/desktop-icon markup in
   Taskbar.svelte / DesktopIcons.svelte. */
:root {
  --bb-black: #0a0a0b;
  --bb-black-deep: #050506;
  --bb-surface: #141315;
  --bb-border: #3a2a2c;
  --bb-oxblood: #b11226;
  --bb-oxblood-deep: #6e0b17;
  --bb-accent: #e0455a;
  --bb-bone: #e8e4e0;
}

body {
  background:
    radial-gradient(ellipse at 50% 42%, #1a0d0f 0%, var(--bb-black) 70%);
}

/* wallpaper: real token art, centered, dim */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: url('/assets/bull-wall.png') center 42% / min(52vh, 68vw) no-repeat;
  opacity: 0.24;
  pointer-events: none;
  z-index: 0;
}

/* film grain */
body::after {
  content: '';
  position: fixed;
  inset: -50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
  animation: bb-grain 900ms steps(4) infinite;
}
@keyframes bb-grain {
  0% { transform: translate(0, 0); }
  25% { transform: translate(-2%, 1%); }
  50% { transform: translate(1%, -2%); }
  75% { transform: translate(-1%, 2%); }
  100% { transform: translate(0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  body::after { animation: none; }
}

/* WinBox chrome — the only window chrome this app renders (98.css's own
   .window/.title-bar classes are unused; WinBox supplies .winbox/.wb-title/.wb-body). */
.winbox { background: var(--bb-oxblood); border: 1px solid var(--bb-border); }
.winbox .wb-title {
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 0.5px;
}
.winbox .wb-body { background: var(--bb-surface); color: var(--bb-bone); }

/* desktop icon labels */
.desktop-icon span { color: var(--bb-bone); text-shadow: 1px 1px 0 #000; }

/* taskbar */
.taskbar { background: #111013; border-top: 1px solid var(--bb-border); }
.taskbar .start-button {
  background: var(--bb-oxblood);
  color: #fff;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 1px;
}
.taskbar .clock { color: var(--bb-accent); border-color: var(--bb-border); }