/* Mystara Pro — design tokens
   Строгая рабочая тема. Отдельная от эзотерической темы mystara.ru:
   бумажный фон, чернильный текст, один фиолетовый акцент, медный — только для
   сигналов расчёта (ретроградность, исторический часовой пояс). */

:root {
  /* Поверхности */
  --pro-bg:          #F4F2ED; /* фон страницы, «бумага» */
  --pro-surface:     #FFFFFF; /* карточки, таблицы, рабочая область */
  --pro-surface-alt: #FBFAF7; /* инпуты, панель фильтров, hover строки */
  --pro-surface-sel: #EDEAE2; /* выбранный элемент списка */

  /* Текст */
  --pro-ink:      #1A1723; /* основной */
  --pro-ink-2:    #3D3949; /* второстепенный жирный */
  --pro-ink-3:    #5A5568; /* описания, значения таблиц */
  --pro-ink-4:    #8B8698; /* подписи, шапки таблиц */
  --pro-ink-5:    #B4AFA2; /* номера домов, «нет данных» */

  /* Линии */
  --pro-rule:       #E2DED5; /* границы блоков и шапок таблиц */
  --pro-rule-soft:  #F0EDE6; /* строки таблиц */
  --pro-rule-input: #D8D3C8; /* границы полей */
  --pro-rule-ring:  #EAE6DD; /* внутренние окружности колеса */

  /* Акценты */
  --pro-accent:        #3B1D6E; /* действия, ссылки, активное, «сходится» */
  --pro-accent-soft:   #CFC7E0; /* рамка бейджа Pro */
  --pro-accent-bg:     #E6DEF5; /* выделение текста */
  --pro-copper:        #9A5F1E; /* ретроградность, часовой пояс, напряжённые аспекты */
  --pro-copper-soft:   #E3D3BE; /* рамка медного бейджа */

  /* Типографика */
  --pro-font-serif: 'IBM Plex Serif', Georgia, serif;      /* заголовки, тело черновика */
  --pro-font-sans:  'IBM Plex Sans', system-ui, sans-serif; /* интерфейс */
  --pro-font-mono:  'IBM Plex Mono', ui-monospace, monospace; /* числа, даты, лейблы */

  --pro-fs-h1:    clamp(30px, 4vw, 44px); /* line-height 1.2, weight 400, ls -.01em */
  --pro-fs-h2:    18px;  /* serif 500 */
  --pro-fs-h3:    17px;  /* serif 500, line-height 1.35 */
  --pro-fs-body:  16px;  /* line-height 1.65 */
  --pro-fs-ui:    14px;
  --pro-fs-sm:    13px;
  --pro-fs-xs:    12px;
  --pro-fs-label: 11px;  /* mono, uppercase, letter-spacing .12–.16em */

  /* Геометрия */
  --pro-radius:    3px;  /* кнопки, поля */
  --pro-radius-lg: 4px;  /* карточки, таблицы */
  --pro-maxw:      1080px; /* контент лэндинга */
  --pro-pad-x:     28px;
  --pro-sidebar:   272px;
  --pro-topbar:    56px;

  /* Движение */
  --pro-t-fast: .15s ease; /* hover строк */
  --pro-t:      .2s ease;  /* кнопки, вкладки */
}

/* Правила, которые легко потерять при переносе:
   1. Теней нет вообще. Глубина — только волосяные линии.
   2. Градиентов нет. Свечений нет. Скруглений больше 4px нет.
   3. Все числа (градусы, орбисы, скорости, даты) — mono + font-variant-numeric: tabular-nums.
   4. Медный цвет не используется как акцент интерфейса — только как признак данных.
   5. Символы знаков/планет выводить с U+FE0E и текстовым шрифтовым стеком,
      иначе браузер подставит цветные эмодзи. */