/* @theme lorca */

@import "marpx";

:root {

  /*------------ Overall theme parameters ---------------------------------*/

  --marpx-theme-font-family: "Fira Sans", Faustina, Bookerly, sans-serif;
  --marpx-theme-figure-captiontext: "Fig. ";
  --marpx-theme-table-captiontext: "Table ";
  --marpx-theme-brandlogo: " ";
  

  --marpx-theme-color: #006a85;
  --marpx-theme-chapter-background-color: #808080;
  --marpx-theme-background-color: #ffffff;
  --marpx-theme-font-color: #000000;
  --marpx-theme-bold-color: #d53044;

  --marpx-theme-subtitle-color: #5d616d;
  --marpx-theme-h1-bold-color: #d53044;
  --marpx-theme-h2-color: #4d7099;
  --marpx-theme-marker-color: rgb(0, 102, 255);

  --marpx-theme-toc-color: #d53044;

  --marpx-theme-footnote-mark-color: #d53044;
  --marpx-theme-code-color: rgb(233, 233, 233);
  --marpx-theme-highlight-color: #b9e4f1;

  /* ------------------- TITLE SLIDE -----------------------------*/

  /* fonts sizes */
  --marpx-title_academic-title-size: 140%;
  --marpx-title_academic-subtitle-size: 90%;
  --marpx-title_academic-author-size: 95%;
  --marpx-title_academic-date-size: 90%;
  --marpx-title_academic-institute-size: 90%;
  
  /* inter character space */
  --marpx-title_academic-letter-spacing: 0.125px;
  /* font weights */
  --marpx-title_academic-title-font-weight: bold;
  --marpx-title_academic-subtitle-font-weight: bold;
  /* colors in style */
  --marpx-title_academic-title-color: #002b36;
  --marpx-title_academic-title-color: #003c4b;
  --marpx-title_academic-subtitle-color: #cacaca;
  --marpx-title_academic-author-color: #d53044;
  --marpx-title_academic-font-color: #242d31;
  --marpx-title_academic-background-color: #faf7f7;
  --marpx-title_academic-border-color: #ff9b04;

  /*------------ Parameters used in `REFERENCES` ---------------------------------*/

  --marpx-references-bold-color: #3e6ceb;
  --marpx-references-background-color: #eff4fa;
  --marpx-references-header-color: #539dd3;

  /*------------ Parameters used in `QUOTE` ---------------------------------*/

  --marpx-quote-background-color: #ece8e8;
  --marpx-quote-paragraph-background-color: #f8f8f8;
  --marpx-quote-bold-color: #6462f1;
  --marpx-quote-font-family: Faustina, Times, serif;
  /*- quote dark -*/
  --marpx-quote_dark-color-background: #46b1e2;
  --marpx-quote_dark-color-paragraph-background: #5ec1e9;
  --marpx-quote_dark-bold-color: #f8f8f7;
  --marpx-quote_dark-font: Faustina, Bookerly, Times, serif;

  /*------------ Parameters used in `TABLE` ---------------------------------*/

  --marpx-table-header-background-color: rgb(0, 0, 0);
  --marpx-table-header-color-color: white;
  /* --marpx-table-border-top-color: ; */
  --marpx-table-border-bottom-color: rgba(202, 201, 197, 0.973);
  --marpx-table-nth-child-color-color: #f5f5f5;
  --marpx-table-hover-color: rgb(71, 70, 25);
  --marpx-table-hover-background-color: rgb(234, 247, 121);

  --marpx-table-font-size: 22px;
  --marpx-table-font-family: ;
  
  /*------------ Parameters used in `TOC` ---------------------------------*/
  --marpx-color-toc-marker: rgb(175, 69, 27);

}

section {
    
    line-height: 1.3em;
}

section code {
  border: 2px solid #222;
  border-radius: 12px;
  padding: 2px 8px;
  /* background: initial; */
  background: #fffbe7;
  /* color: #222222; */
  font-size: 1em;
  display: inline-block;
}

/* ===== LORCA: footer on the left + page circle on the right ===== */

/* Red circle with "page / total" on the right */
section::after {
  content: attr(data-marpit-pagination) " / " attr(data-marpit-pagination-total);
  position: absolute;
  right: 32px;
  bottom: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #d53044;
  color: #fff;
  font-weight: 700;
  font-size: 10.5pt;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
  left: auto !important;
  /* override base theme’s left positioning */
  z-index: 20;
}

/* Footer text (MarpX Theme Lorca · Back to the outline) aligned to the left */
footer {
  position: absolute;
  left: 40px !important;
  /* move to the left */
  right: auto !important;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}