/**
 * Frontend output styles for CKEditor 5 font and list-marker formatting.
 */
:root {
  --ck-content-font-size-tiny: .7em;
  --ck-content-font-size-small: .85em;
  --ck-content-font-size-big: 1.4em;
  --ck-content-font-size-huge: 1.8em;
}

.text-tiny {
  font-size: var(--ck-content-font-size-tiny);
}

.text-small {
  font-size: var(--ck-content-font-size-small);
}

.text-big {
  font-size: var(--ck-content-font-size-big);
}

.text-huge {
  font-size: var(--ck-content-font-size-huge);
}

.ck-list-marker-font-size-tiny::marker {
  font-size: var(--ck-content-font-size-tiny);
}

.ck-list-marker-font-size-small::marker {
  font-size: var(--ck-content-font-size-small);
}

.ck-list-marker-font-size-big::marker {
  font-size: var(--ck-content-font-size-big);
}

.ck-list-marker-font-size-huge::marker {
  font-size: var(--ck-content-font-size-huge);
}

.ck-list-marker-font-family::marker {
  font-family: var(--ck-content-list-marker-font-family);
}

.ck-list-marker-color::marker {
  color: var(--ck-content-list-marker-color);
}