@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/reset.css');
@import url('./tokens/mobile.css');

/* ── Accessibility: skip link + visible focus (WCAG 2.4.1 / 2.4.7) ── */
.f2b-skip {
  position: absolute; left: -9999px; top: 0; z-index: 10000;
  background: var(--f2b-navy, #0a1628); color: #fff;
  padding: 12px 18px; border-radius: 0 0 6px 0;
  font: 600 15px/1.2 system-ui, sans-serif; text-decoration: none;
}
.f2b-skip:focus { left: 0; outline: 3px solid var(--f2b-teal-bright, #19c6d9); outline-offset: 2px; }
:focus-visible { outline: 3px solid var(--f2b-teal, #10a4b5); outline-offset: 2px; border-radius: 2px; }
#root:focus { outline: none; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}