/* assets/css/style.css
   Custom tactical-HUD components for Defence Collaboration.
   Tailwind (CDN) handles utilities; this file handles the signature pieces. */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* --- HUD corner brackets ----------------------------------------------- */
.hud-bracket { position: absolute; width: 8px; height: 8px; border-color: #72ff70; }
.bracket-tl { top: 12px; left: 12px;  border-top: 1px solid; border-left: 1px solid; }
.bracket-tr { top: 12px; right: 12px; border-top: 1px solid; border-right: 1px solid; }
.bracket-bl { bottom: 12px; left: 12px;  border-bottom: 1px solid; border-left: 1px solid; }
.bracket-br { bottom: 12px; right: 12px; border-bottom: 1px solid; border-right: 1px solid; }

/* --- Scanline overlay -------------------------------------------------- */
.scanline {
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 230, 57, 0.05) 50%);
  background-size: 100% 4px;
}

/* --- Marquee ticker (home page status bar) ----------------------------- */
.ticker-track {
  display: inline-flex;
  white-space: nowrap;
  animation: ticker-scroll 40s linear infinite;
}
@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* --- Accessibility: respect reduced-motion ----------------------------- */
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; }
  *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

/* Visible keyboard focus everywhere */
:focus-visible { outline: 2px solid #72ff70; outline-offset: 2px; }

/* Fallback image placeholder tint */
.img-placeholder {
  background: repeating-linear-gradient(45deg, #1b1c1d, #1b1c1d 10px, #1f2021 10px, #1f2021 20px);
}