:root {
  --font-size: 16px;
  --color-icon: #fff;
  --color-primary: #006633;
  --color-secondary: #55ae3a;
  --color-primary-light: #b1ddc4;
  --color-light: #fff;
  --color-dark: #000;
  --color-gray: #adadad;

  --triangle-double-row-primary: url("/images/footer-triangles.svg");
  --triangle-row-secondary: url("/images/triangle-line-secondary.svg");
  --triangle-row-third: url("/images/triangle-line-third.svg");
  --triangle-row-secondary-2: url("/images/triangle-line-secondary-2.svg");
  --triangle-row-primary: url("/images/triangle-line-primary.svg");

  --primary-font: "Roboto", sans-serif;
  --size: 1rem;
  --font-size: 1rem;
  --line-height: 1.25rem;
  --border-size: 2px;
  --radius: 8px;
  --title-font-size: 1.75rem;
  --title-line-height: 1.95rem;
  --heading-font-size: 1.5rem;
  --heading-line-height: 1.75rem;
  --label-height: 2rem;
  --button-font-size: 1rem;
  --sidebar-width: 19rem;
  --header-height: 60px;
  --pinned-content-height: calc(var(--default-distance) * 3);
  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45);
  --box-shadow-sm: 4px 4px 10px 5px rgba(0, 0, 0, 0.15);
  --box-shadow-btn: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.45);
}

/* .ql-container .ql-editor p {
  font-size: var(--font-size);
}

.ql-toolbar .ql-custom-image {
  aspect-ratio: "16/9";
}

.ql-image-caption-container .ql-icon {
  width: var(--font-size);
  height: var(--font-size);
}

.ql-toolbar .ql-icon svg {
  fill: #444;
}
.ql-toolbar .ql-icon:hover svg {
  fill: #06c;
}
.ql-container .ql-icon svg {
  fill: var(--color-text);
}
.ql-editor .ql-divider,
.ql-editor .divider {
  margin: 1rem 0;
  border-bottom: 2px solid var(--color-primary);
  display: block;
  opacity: 1;
}

.ql-editor {
  padding: 0px;
  font-size: 1rem;
  --text: var(--color-dark);
  --primary-lighter-color: var(--color-primary-light);
  --secondary: var(--color-secondary);
  --primary: var(--color-primary);
  --text-primary-color: var(--color-primary);
}

.ql-editor img {
  max-width: 648px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre {
  color: var(--color-dark);
  text-align: justify;
}

.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  color: var(--color-primary);
  text-align: left !important;
}

.ql-editor blockquote {
  border-left: 8px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  text-align: justify !important;
  margin: 1rem 0 1rem 1rem !important;
  padding-left: 0.5rem !important;
}

.ql-editor .ql-code-block-container {
  text-align: justify;
  padding: 0;
  background-color: unset;
  font-family: inherit;
}
.ql-editor .ql-code-block-container .ql-code-block,
.ql-editor .ql-syntax {
  background-color: var(--color-primary) !important;
  color: var(--color-light) !important;
  font-size: 1.15rem !important;
  padding-inline: 0.5rem 0 !important;
  white-space: pre-wrap !important;
  font-weight: bold !important;
  display: inline !important;
  text-align: justify !important;
}

.ql-editor a {
  font-weight: bold;
  color: var(--color-primary) !important;
}
.ql-editor .ql-video {
  margin: auto;
}

.ql-article-in-article {
  border: 5px solid var(--color-primary);
  border-left: 0;
  border-right: 0;
  padding: 0.5rem;
  background-color: var(--color-primary-light);
} */