/*
 * modifiers.css - reading options that apply on top of whichever theme is
 * selected. Loaded last so these always win over the theme defaults.
 */

/* ----------------------------------------------------------------- density */

.strata-root[data-strata-density='compact'] {
  --strata-density-scale: 0.88;
}

.strata-root[data-strata-density='relaxed'] {
  --strata-density-scale: 1.12;
}

/* --------------------------------------------------------------- text size */

.strata-root[data-strata-size='small'] { --strata-font-scale: 0.9; }
.strata-root[data-strata-size='large'] { --strata-font-scale: 1.12; }
.strata-root[data-strata-size='xlarge'] { --strata-font-scale: 1.25; }

/* ------------------------------------------------------------ line measure */

.strata-root[data-strata-width='narrow'] { --strata-content-max-width: 680px; }
.strata-root[data-strata-width='wide'] { --strata-content-max-width: 1100px; }
.strata-root[data-strata-width='full'] { --strata-content-max-width: none; }

/* --------------------------------------------------------------- code size */

.strata-root[data-strata-code-size='small'] { --strata-code-font-size: 0.8em; }
.strata-root[data-strata-code-size='large'] { --strata-code-font-size: 0.95em; }

/* Respect the reader's motion preference for the few transitions we use. */
@media (prefers-reduced-motion: reduce) {
  .strata-root * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}