/**
 * @file: base.css
 * @description: Базовые стили (типографика/ссылки/фоны) на токенах. Низкая специфичность, без !important.
 */

@layer base {
  :where(html) {
    color-scheme: light dark;
  }

  :where(body) {
    background: var(--surface-0);
    color: var(--text-primary);
  }

  :where(a) {
    color: var(--link);
  }

  :where(a:hover) {
    color: var(--link-hover);
  }

  :where(:focus-visible) {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
  }
}

/* Skip-link для доступности (клавиатурная навигация) */
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  padding: 0.5rem 1rem;
  background: var(--surface-0, #fff);
  color: var(--text-primary, #212529);
  border: 1px solid var(--border-color, #dee2e6);
}
.skip-link:focus {
  left: 0;
  top: 0;
}