html {
  --kt-background: var(--ffs-background, #fff7e7ff);
  --kt-on-background: var(--ffs-on-background, #36322dff);
  --kt-primary: var(--ffs-primary, #606637ff);
  --kt-on-primary: var(--ffs-on-primary, #fff7e7ff);
  --kt-secondary: var(--ffs-secondary, #986006ff);
  --kt-on-secondary: var(--ffs-on-secondary);
  --kt-secondary-light: var(--ffs-secondary-light, color-mix(in lab, var(--ffs-secondary) 60%, white));
  --kt-tertiary: var(--ffs-tertiary, #a54f43ff);

  --kt-alternate: var(--ffs-alternate, #5688C7);
  --kt-alternate-light: var(--kt-alternate-light, color-mix(in lab, var(--ffs-alternate) 60%, white));
  --kt-alternate-2: var(--ffs-alternate-2, #6C698D);

  --kt-surface: var(--ffs-surface, white);

  --kt-shade-light: var(--ffs-shade-light, #ddd);
  --kt-shade-lighter: var(--ffs-shade-lighter, #eee);
  --kt-shade-lightest: var(--ffs-shade-lightest, #f6f6f6);

  --kt-outline: var(--ffs-outline, #d9d9d9);
  --kt-outline-dark: color-mix(in lab, var(--kt-outline) 60%, black);
  --kt-outline-darker: color-mix(in lab, var(--kt-outline) 95%, black);

  --kt-radius: var(--ffs-radius, 20px);
  --kt-radius-small: var(--ffs-radius-small, 4px);

  --kt-small: 0.85em;
  --kt-medium: 0.9em;
  --kt-large: 1em;
}

.kt-tag-customizable::after {
  content: "Customizable";
}

.dashicon-before:before {
  font-family: dashicons;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  text-rendering: auto;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: text-bottom;
  text-align: center;
  padding-right: 2px;
}