/*
 * Leveler shared typography contract.
 *
 * The tokens are shared globally; font rules remain opt-in. A page marks its text root with
 * data-lv-typography="v1" and assign a semantic role to each target element.
 * It only supplies the two font stacks; layout and visual tokens stay with the
 * consuming page or module.
 */

:root {
  --lv-font-display: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  --lv-font-ui: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}

[data-lv-typography="v1"] {
  font-family: var(--lv-font-ui);
}

[data-lv-typography="v1"] [data-lv-type="display"] {
  font-family: var(--lv-font-display);
}

[data-lv-typography="v1"] [data-lv-type="ui"] {
  font-family: var(--lv-font-ui);
}