/* Base app tokens and focus styles used across themes */

:root {
  --focus-ring: #0d6efd; /* default bootstrap primary */
}

/* Clear, consistent focus across controls */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--focus-ring) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Themed ring colors */
.theme-retro { --focus-ring: #ffe600; }
.theme-2000s { --focus-ring: #1d8cf8; }
.theme-space { --focus-ring: #6ca8ff; }