/*
 * Заглушки RU/EN/ZH (ProGlaza / OphthaPro / 眼科Pro).
 * Токены скопированы из src/app/(frontend)/tokens.css — не менять и не добавлять цвета.
 * Ноль внешних запросов: только системные шрифты, без CDN/веб-фонтов.
 */
:root {
  --bg: #f5f4f1;
  --navy: #1d2b53;
  --ink: #2b2b2e;
  --brass: #b08d3e;
  --line: #d8d6d2;
  --radius-pill: 999px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-9: 72px;

  --text-sm: 13px;
  --text-base: 16px;
  --text-md: 21px;
  --text-lg: 28px;
  --text-xl: 38px;
  --text-2xl: 50px;

  --font-sans: -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* CJK-стек для zh-страницы: локальные системные шрифты, загрузок нет. */
html:lang(zh) {
  --font-sans:
    'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', -apple-system, 'Segoe UI', Roboto, Arial,
    sans-serif;
}

.stub {
  box-sizing: border-box;
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  padding: var(--space-9) var(--space-3);
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.5;
  text-align: center;
}

.stub__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

.stub__logo {
  margin: 0;
  color: var(--navy);
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.stub__logo-accent {
  color: var(--brass);
}

.stub__kicker {
  margin: 0;
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--navy);
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.stub__title {
  margin: 0;
  color: var(--navy);
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1.1;
}

.stub__text {
  max-width: 640px;
  margin: 0;
  font-size: var(--text-md);
}

.stub__footer {
  margin: 0;
  font-size: var(--text-sm);
}

@media (max-width: 480px) {
  .stub__title {
    font-size: var(--text-xl);
  }
}