/* base: reset, typography, body, links, a11y base */
*, *::before, *::after {
 margin: 0; padding: 0; box-sizing: border-box;
}

html {
 scroll-behavior: smooth;
}

body {

  background: var(--bg-dark);
  color: var(--white);
  font-family: var(--font-th);
  line-height: 1.6;
  overflow-x: hidden;
}

/* ===== ACCESSIBILITY ===== */

.skip-link {
 position: absolute; left: -9999px; top: 0; z-index: 300; background: #0F172A; color: #fff; padding: 0.7rem 1.4rem; border-radius: 0 0 10px 0; font-weight: 600; text-decoration: none;
}

.skip-link:focus-visible {
 left: 0;
}

:focus-visible {
 outline: 3px solid #3B82F6; outline-offset: 2px; border-radius: 4px;
}