/* FILE: css/01-base.css */

/* =========================================
   Base / reset
   ========================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Barlow', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

a { color: inherit; }
a:hover { text-decoration: none; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 3px; }

/* Focus visibility */
:focus-visible { outline: 2px solid rgba(0,200,255,0.8); outline-offset: 3px; }

/* Reduce motion support */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 10px;
  background: var(--accent);
  color: var(--bg);
  padding: 10px 14px;
  border-radius: 8px;
  z-index: 20000;
}
.skip-link:focus { left: 10px; }

.no-scroll { overflow: hidden; }