/* КружкиНСК · shared.css — шрифты, иконки, утилиты дизайн-системы */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap');
@import url('https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css');
@import url('https://unpkg.com/@phosphor-icons/web@2.1.1/src/bold/style.css');
@import url('https://unpkg.com/@phosphor-icons/web@2.1.1/src/fill/style.css');
@import url('https://unpkg.com/@phosphor-icons/web@2.1.1/src/duotone/style.css');

html { -webkit-font-smoothing: antialiased; }
body { font-family: 'Golos Text', system-ui, sans-serif; }

/* Skeleton со shimmer-бликом (UI-kit 11-states) */
.skeleton {
  position: relative;
  overflow: hidden;
  background: #EDF1F7;
  border-radius: 6px;
}
.skeleton::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.65), transparent);
  animation: skeleton-shimmer 1.4s infinite;
}
@keyframes skeleton-shimmer {
  100% { transform: translateX(100%); }
}

/* Тонкий скроллбар для таблиц и списков */
.scrollbar-thin::-webkit-scrollbar { height: 6px; width: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #D9E0EC; border-radius: 3px; }
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }

/* 2px dashed (карточка «Добавить») */
.border-dashed-2 { border-style: dashed; border-width: 2px; }

/* Доступность: видимое фокус-кольцо */
:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(45,91,255,0.35); border-radius: 6px; }

/* Уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}