/* Базовые типографские токены */


/* LIGHT */
body.light {
  /* Основные цвета интерфейса */
  --pico-background-color: var(--md-sys-color-background);
  --pico-color: var(--md-sys-color-on-background);
  background-color: var(--pico-background-color);
  color: var(--pico-color);

  /* Поверхности / границы / muted */
  --pico-muted-color: var(--md-sys-color-on-surface-variant);
  --pico-muted-border-color: var(--md-sys-color-outline-variant);
  --pico-border-color: var(--md-sys-color-outline);

  /* Первичный (кнопки, ссылки, акценты) */
  --pico-primary: var(--md-sys-color-primary);
  --pico-primary-inverse: var(--md-sys-color-on-primary);

  /* Формы */
  --pico-form-element-background-color: var(--md-sys-color-surface);
  --pico-form-element-border-color: var(--md-sys-color-outline);
  --pico-form-element-active-border-color: var(--md-sys-color-primary);
  --pico-form-element-color: var(--md-sys-color-on-surface);

  /* Выделение текста <mark> */
  --pico-mark-background-color: var(--md-sys-color-secondary-container);
  --pico-mark-color: var(--md-sys-color-on-secondary-container);

  /* Код/инфо/ошибки — по желанию можно докрутить дальше */
}

/* DARK */
body.dark {
  --pico-background-color: var(--md-sys-color-background);
  --pico-color: var(--md-sys-color-on-background);
  background-color: var(--pico-background-color);
  color: var(--pico-color);

  --pico-muted-color: var(--md-sys-color-on-surface-variant);
  --pico-muted-border-color: var(--md-sys-color-outline-variant);
  --pico-border-color: var(--md-sys-color-outline);

  --pico-primary: var(--md-sys-color-primary);
  --pico-primary-inverse: var(--md-sys-color-on-primary);

  --pico-form-element-background-color: var(--md-sys-color-surface);
  --pico-form-element-border-color: var(--md-sys-color-outline);
  --pico-form-element-active-border-color: var(--md-sys-color-primary);
  --pico-form-element-color: var(--md-sys-color-on-surface);

  --pico-mark-background-color: var(--md-sys-color-secondary-container);
  --pico-mark-color: var(--md-sys-color-on-secondary-container);
}