/* ════════════════════════════════════════════════════════════════
   SESSION TESTS — дизайн-токены
   Базовая тема — оригинальные цвета со старой версии сайта.
   Палитры остальных тем — в styles/themes.css через [data-theme].
   ════════════════════════════════════════════════════════════════ */
:root {
  /* Базовые поверхности */
  --ig-body-bg: radial-gradient(ellipse at 30% 20%, #0f0f2a 0%, #050508 100%);
  --ig-surface: #000;
  --ig-surface-raised: #0d0d0d;
  --ig-surface-input: #0a0a0a;
  --ig-surface-hover: #1a1a1a;
  --ig-surface-btn: #111;

  /* Границы */
  --ig-border: #1a1a1a;
  --ig-border-light: #222;
  --ig-border-input: #1a1a1a;
  --ig-border-focus: #333;
  --ig-divider: #1a1a1a;
  --ig-divider-strong: #111;

  /* Текст */
  --ig-text: #fff;
  --ig-text-secondary: #888;
  --ig-text-muted: #666;
  --ig-text-dim: #555;
  --ig-text-faint: #444;
  --ig-text-btn: #ccc;
  --ig-text-btn-muted: #aaa;

  /* Акцент */
  --ig-accent: #7B6CF6;
  --ig-accent2: #F472B6;
  --ig-accent-gradient: linear-gradient(135deg, #7B6CF6, #F472B6);
  --ig-accent-bg: rgba(123, 108, 246, 0.05);

  /* Состояния */
  --ig-focus-ring: 0 0 0 3px rgba(123, 108, 246, 0.25);
  --ig-disabled-opacity: 0.45;
  --ig-hover-brightness: 1.04;

  /* Тени */
  --ig-shadow: 0 0 60px rgba(55, 151, 240, 0.06), 0 0 120px rgba(0, 0, 0, 0.5);
  --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.45);
  --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(55, 151, 240, 0.08);

  /* Скругления */
  --ig-radius-sm: 8px;
  --ig-radius-md: 12px;
  --ig-radius-lg: 16px;
  --ig-radius-pill: 999px;

  /* Специфика профиля */
  --ig-avatar-border: #262626;
  --ig-avatar-placeholder: linear-gradient(135deg, #333, #555);
  --ig-cover-bg: linear-gradient(135deg, #1a1a2e, #16213e);
  --ig-badge-bg: #1a1a1a;
  --ig-badge-border: #333;

  /* Статусы */
  --ig-success: #34D399;
  --ig-success-bg: rgba(52, 211, 153, 0.05);
  --ig-error: #EF4444;
  --ig-error-bg: rgba(239, 68, 68, 0.05);
  --ig-warning: #FBBF24;
  --ig-warning-bg: rgba(251, 191, 36, 0.08);

  /* Shell / навигация */
  --st-header-h: 64px;
  --st-tabbar-h: 60px;
  --st-content-max: 1100px;
  --st-gap: 18px;
  --st-radius-card: 18px;

  /* Совместимость со старыми именами (main.css) */
  --accent: var(--ig-accent);
  --text-dim: var(--ig-text-muted);
}

/* Фирменная типографика */
:root {
  --st-font-display: 'Bebas Neue', 'Black Han Sans', 'Montserrat', sans-serif;
  --st-font-ui: 'Montserrat', 'Noto Sans KR', system-ui, sans-serif;
  --st-font-mono: 'JetBrains Mono', 'Share Tech Mono', monospace;
}

/* Фокус-состояния для всех интерактивных элементов */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--ig-accent);
  outline-offset: 2px;
  border-radius: var(--ig-radius-sm);
}

/* Индикация disabled */
button:disabled,
input:disabled,
select:disabled {
  opacity: var(--ig-disabled-opacity);
  cursor: not-allowed;
}