/* typeset-presets.css — мост токенов Big Mind + ритмы shadcn/typeset.
   Канон ручек: https://ui.shadcn.com/docs/typeset
   Подключать ПОСЛЕ typeset.css и platform.css. */

:root,
:root[data-theme="dark"],
:root[data-theme="light"] {
  --color-foreground: var(--ink);
  --color-muted-foreground: var(--ink-soft);
  --color-border: var(--line);
  --color-muted: color-mix(in oklab, var(--coral) 10%, var(--card));
  --color-primary: var(--coral);
  --color-ring: var(--coral);
  --font-heading: var(--display);
  --font-mono: var(--mono);
}

/* страница / длинный абзац */
.typeset-page {
  --typeset-font-body: var(--body);
  --typeset-font-heading: var(--display);
  --typeset-font-mono: var(--mono);
  --typeset-size: 16px;
  --typeset-leading: 1.75;
  --typeset-flow: 1.35em;
}

/* карточка: следует за кеглем карточки */
.typeset-card {
  --typeset-font-body: var(--body);
  --typeset-font-heading: var(--display);
  --typeset-font-mono: var(--mono);
  --typeset-size: 1em;
  --typeset-leading: 1.55;
  --typeset-flow: 0.85em;
}

/* фраза / «пластина» голоса */
.typeset-chat {
  --typeset-font-body: var(--serif);
  --typeset-font-heading: var(--serif);
  --typeset-font-mono: var(--mono);
  --typeset-size: 1em;
  --typeset-leading: 1.6;
  --typeset-flow: 1em;
}

/* шаги, списки, «как пользоваться» */
.typeset-docs {
  --typeset-font-body: var(--body);
  --typeset-font-heading: var(--display);
  --typeset-font-mono: var(--mono);
  --typeset-size: 15px;
  --typeset-leading: 1.75;
  --typeset-flow: 1.5em;
}

/* чтение (serif) */
.typeset-reading {
  --typeset-font-body: var(--serif);
  --typeset-font-heading: var(--serif);
  --typeset-font-mono: var(--mono);
  --typeset-size: 18px;
  --typeset-leading: 1.9;
  --typeset-flow: 2em;
}

html[data-theme="dark"] .typeset {
  --typeset-leading: 1.85;
}

.measure-70 { max-width: 70ch; }
.measure-80 { max-width: 80ch; }

/* колонка чтения на витрине */
.typeset.typeset-page,
.typeset.typeset-docs,
.typeset.typeset-reading {
  max-width: 70ch;
}

.typeset.typeset-card,
.typeset.typeset-chat {
  max-width: none;
}

/* герой остаётся display: Typeset не трогает h1 вне контейнера.
   lead внутри typeset — чуть крупнее тела, без второй системы отступов */
.typeset p.lead {
  font-size: 1.12em;
  color: var(--ink-soft);
}