/*----------------- Styles specific to AsciiDoctor content start -----------------*/

/**
 * AsciiDoctor-Specific Styles
 * Styles that apply specifically to content generated by AsciiDoctor.
 * These styles handle:
 * 1. Article layout and structure
 * 2. Table of contents (TOC) styling
 * 3. Content formatting
 * 4. Responsive design adjustments
 */

/* Header Adjustments */
.boostlook #header > h1 {
  margin-top: 0;
}

.boostlook #header .author {
  display: inline-block;
  margin-top: var(--padding-padding-md, 1.125rem);
  color: var(--text-main-text-primary, #18191b);
  font-size: var(--typography-font-size-lg, 1.25rem);
  font-style: normal;
  font-variation-settings: "wght" 500, "wdth" 80;
  line-height: var(--typography-line-height-xl, 1.75rem);
  letter-spacing: var(--spacing-size-size-0, 0rem);
}

/* Rouge Syntax Highlighting */
/* Light theme Rouge syntax highlighting */
.boostlook pre.rouge .k { /* Keywords like const, auto */
  color: var(--atom-one-light-keyword, #a626a4);
}
.boostlook pre.rouge .kt { /* Types like char, int */
  color: var(--atom-one-light-keyword, #a626a4);
}
.boostlook pre.rouge .n,
.boostlook pre.rouge .nf { /* Names, identifiers, functions */
  color: var(--atom-one-light-text, #383a42);
}
.boostlook pre.rouge .o { /* Operators */
  color: var(--atom-one-light-operator, #e45649);
}
.boostlook pre.rouge .s,
.boostlook pre.rouge .s1,
.boostlook pre.rouge .s2 { /* Strings */
  color: var(--atom-one-light-string, #50a14f);
}
.boostlook pre.rouge .mi,
.boostlook pre.rouge .mf { /* Numbers */
  color: var(--atom-one-light-variable, #986801);
}
.boostlook pre.rouge .p { /* Punctuation */
  color: var(--atom-one-light-text, #383a42);
}
.boostlook pre.rouge .c,
.boostlook pre.rouge .c1,
.boostlook pre.rouge .cm { /* Comments */
  color: var(--atom-one-light-comment, #a0a1a7);
  font-family: "Monaspace Xenon", monospace;
  font-style: italic;
}

/* Dark theme Rouge syntax highlighting */
html.dark .boostlook pre.rouge .k,
html.dark .boostlook pre.rouge .kt {
  color: var(--atom-one-dark-keyword, #c678dd);
}
html.dark .boostlook pre.rouge .n,
html.dark .boostlook pre.rouge .nf {
  color: var(--atom-one-dark-text, #abb2bf);
}
html.dark .boostlook pre.rouge .o {
  color: var(--atom-one-dark-operator, #e06c75);
}
html.dark .boostlook pre.rouge .s,
html.dark .boostlook pre.rouge .s1,
html.dark .boostlook pre.rouge .s2 {
  color: var(--atom-one-dark-string, #98c379);
}
html.dark .boostlook pre.rouge .mi,
html.dark .boostlook pre.rouge .mf {
  color: var(--atom-one-dark-variable, #d19a66);
}
html.dark .boostlook pre.rouge .p {
  color: var(--atom-one-dark-text, #abb2bf);
}
html.dark .boostlook pre.rouge .c,
html.dark .boostlook pre.rouge .c1,
html.dark .boostlook pre.rouge .cm {
  color: var(--atom-one-dark-comment, #5c6370);
  font-family: "Monaspace Xenon", monospace;
  font-style: italic;
}

.boostlook pre.rouge code span {
  font-style: normal;
}

/*----------------- Styles specific to AsciiDoctor content end -----------------*/
