/**
 * @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;
  }
}