:root {
  --yfm-colorify-black: #000;
  --yfm-colorify-gray: #808080;
  --yfm-colorify-yellow: #ffd700;
  --yfm-colorify-orange: #f80;
  --yfm-colorify-red: #c00;
  --yfm-colorify-green: #080;
  --yfm-colorify-blue: #04b;
  --yfm-colorify-violet: #f0f;
}

.yfm-colorify--black {
  color: var(--yfm-colorify-black);
}

.yfm-colorify--gray {
  color: var(--yfm-colorify-gray);
}

.yfm-colorify--yellow {
  color: var(--yfm-colorify-yellow);
}

.yfm-colorify--orange {
  color: var(--yfm-colorify-orange);
}

.yfm-colorify--red {
  color: var(--yfm-colorify-red);
}

.yfm-colorify--green {
  color: var(--yfm-colorify-green);
}

.yfm-colorify--blue {
  color: var(--yfm-colorify-blue);
}

.yfm-colorify--violet {
  color: var(--yfm-colorify-violet);
}

.g-root .yfm:not(.yfm_only-light) {
  --yfm-file-icon-color: var(--g-color-text-primary);
}

.yfm table th.cell-bg-grey,
.yfm table td.cell-bg-grey {
  background-color: var(--g-color-base-generic);
}
.yfm table th.cell-bg-yellow-light,
.yfm table td.cell-bg-yellow-light {
  background-color: var(--g-color-base-warning-light);
}
.yfm table th.cell-bg-yellow,
.yfm table td.cell-bg-yellow {
  background-color: var(--g-color-base-warning-medium);
}
.yfm table th.cell-bg-red-light,
.yfm table td.cell-bg-red-light {
  background-color: var(--g-color-base-danger-light);
}
.yfm table th.cell-bg-red,
.yfm table td.cell-bg-red {
  background-color: var(--g-color-base-danger-medium);
}
.yfm table th.cell-bg-purple-light,
.yfm table td.cell-bg-purple-light {
  background-color: var(--g-color-base-utility-light);
}
.yfm table th.cell-bg-purple,
.yfm table td.cell-bg-purple {
  background-color: var(--g-color-base-utility-medium);
}
.yfm table th.cell-bg-blue-light,
.yfm table td.cell-bg-blue-light {
  background-color: var(--g-color-base-info-light);
}
.yfm table th.cell-bg-blue,
.yfm table td.cell-bg-blue {
  background-color: var(--g-color-base-info-medium);
}
.yfm table th.cell-bg-green-light,
.yfm table td.cell-bg-green-light {
  background-color: var(--g-color-base-positive-light);
}
.yfm table th.cell-bg-green,
.yfm table td.cell-bg-green {
  background-color: var(--g-color-base-positive-medium);
}

.g-root {
  --yfm-color-text-gray: var(--g-color-text-secondary);
  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
  --yfm-color-text-red: var(--g-color-text-danger);
  --yfm-color-text-green: var(--g-color-text-positive);
  --yfm-color-text-blue: var(--g-color-text-info);
  --yfm-color-text-violet: var(--g-color-text-utility);
}

.g-root {
  --yfm-colorify-black: var(--g-color-text-primary);
  --yfm-colorify-gray: var(--yfm-color-text-gray);
  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
  --yfm-colorify-orange: var(--yfm-color-text-orange);
  --yfm-colorify-red: var(--yfm-color-text-red);
  --yfm-colorify-green: var(--yfm-color-text-green);
  --yfm-colorify-blue: var(--yfm-color-text-blue);
  --yfm-colorify-violet: var(--yfm-color-text-violet);
}

.yfm {
  --yfm-hr-height: 4px;
  --yfm-hr-margin: 24px 0;
}