/* Иконки Studentix: Phosphor Light, спрайт /templates/Default/images/icons.svg (docs/DESIGN.md §9).
   Вставка: <svg class="stx-i" aria-hidden="true"><use href="/templates/Default/images/icons.svg#i-add"/></svg> */
:root {
  --i-sm: 16px;
  --i-md: 20px;
  --i-lg: 24px;
  --ai-from: var(--stx-accent, #2F6BFF); /* = единый акцент tokens.css (S31-r) */
  --ai-to: #af52de;   /* systemPurple, только в ИИ-искрах */
}
/* S31-r: свет по умолчанию; тёмная тема только по явному data-theme="dark" */
:root[data-theme="dark"] { --ai-from: var(--stx-accent, #4F82FF); --ai-to: #bf5af2; }

.stx-i {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  fill: currentColor;
  vertical-align: -0.125em;
  pointer-events: none;
}
.stx-i--sm { width: var(--i-sm); height: var(--i-sm); }
.stx-i--md { width: var(--i-md); height: var(--i-md); }
.stx-i--lg { width: var(--i-lg); height: var(--i-lg); }

/* ИИ-акцент: использовать с символом #i-ai-sparkle-grad (градиент внутри символа) */
.stx-i--ai { transform-origin: 50% 50%; }
.stx-i--spin { animation: stx-i-spin 1s linear infinite; }

@media (prefers-reduced-motion: no-preference) {
  .stx-i--ai { animation: stx-i-twinkle 2.4s ease-in-out infinite; }
  @keyframes stx-i-twinkle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .78; transform: scale(.92); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .stx-i--spin { animation-duration: 2.4s; }
}
@keyframes stx-i-spin { to { transform: rotate(360deg); } }