/*
  Тема по обложке книги «Слишком STAR, чтобы работать»:
  мятный фон, чёрная рукописная линия, белые «стикеры», минимум цвета.
  Экраны используют только эти токены — меняется один этот файл.
*/
:root {
  --font-script: 'Caveat', 'Comic Sans MS', cursive;        /* рукописные заголовки: «Слишком», «чтобы работать» */
  --font-star: 'Amatic SC', 'Caveat', cursive;              /* высокие рисованные буквы STAR */
  --font-display: 'Montserrat', system-ui, sans-serif;      /* подзаголовки и метки, как «ПОСЛЕ 50» */
  --font-body: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --c-bg: #65bfac;          /* мятный фон обложки */
  --c-surface: #ffffff;     /* белые карточки-листы */
  --c-surface-2: #e4f3ef;   /* светлая мята для вторичных подложек */
  --c-ink: #141414;         /* чёрная линия и текст */
  --c-muted: #3d4f4b;       /* подписи на белом */
  --c-on-bg-muted: #173f37; /* подписи прямо на мятном фоне */
  --c-line: #141414;        /* контуры — как рисунок тушью */
  --c-line-soft: #b8d9d1;
  --c-accent: #141414;      /* главные кнопки — чёрные */
  --c-accent-ink: #ffffff;
  --c-mark: #65bfac;        /* выделение, прогресс, тень туза */
  --c-gold: #ffffff;        /* «стикер»: белая плашка с чёрным текстом */
  --c-gold-ink: #141414;
  --c-ok: #1f6b4c;
  --c-warn: #8a4b00;
  --c-warn-bg: #fff3d9;
  --c-demo: #141414;
  --c-demo-bg: #ffffff;

  --radius: 16px;
  --radius-sm: 12px;
  --shadow: none;
  --hero-image: url('/theme/book-cover.png');
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --c-bg: #0f2622; --c-surface: #17332d; --c-surface-2: #1f4039; --c-ink: #f1faf7; --c-muted: #b4d3cb;
    --c-on-bg-muted: #a9cdc4; --c-line: #8fd6c6; --c-line-soft: #2c5148; --c-accent: #65bfac; --c-accent-ink: #0b1f1b;
    --c-mark: #65bfac; --c-gold: #f1faf7; --c-gold-ink: #0b1f1b; --c-ok: #7fdcb0; --c-warn: #ffc56b; --c-warn-bg: #3a2d14;
    --c-demo: #65bfac; --c-demo-bg: #17332d; color-scheme: dark;
  }
}
:root[data-theme='dark'] {
  --c-bg: #0f2622; --c-surface: #17332d; --c-surface-2: #1f4039; --c-ink: #f1faf7; --c-muted: #b4d3cb;
  --c-on-bg-muted: #a9cdc4; --c-line: #8fd6c6; --c-line-soft: #2c5148; --c-accent: #65bfac; --c-accent-ink: #0b1f1b;
  --c-mark: #65bfac; --c-gold: #f1faf7; --c-gold-ink: #0b1f1b; --c-ok: #7fdcb0; --c-warn: #ffc56b; --c-warn-bg: #3a2d14;
  --c-demo: #65bfac; --c-demo-bg: #17332d; color-scheme: dark;
}