/* extra CSS for basebox docs */

/* Fonts; we use self-hosted Inter var */
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("../fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("../fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}


/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-mono-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v22-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* :root {
  --md-primary-fg-color:        rgb(87,63,217);
  --md-primary-fg-color--light: rgb(87,63,217);
  --md-primary-fg-color--dark:  rgb(87,63,217);
  --md-text-font: "Inter Var";
  --md-mono-font: "Roboto Mono";
} */

:root {
  --md-text-font: "Inter Var";
}
body, html {
  font-size: 1.2rem;
  font-weight: 300;
}

.md-typeset .critic.block {
  padding: .9em;
}

.monospaced {
  font-family: Roboto Mono, monospace;
}

/* Clear floats on headers, required for admonitions */
.md-content h1, .md-content h2 {
  clear: both;
}

.td-dark {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.87);
}
[data-md-color-scheme="slate"] .td-dark {
  background-color: #333;
  color: rgb(233, 235, 252)
}

.print-copyr {
  display: none;
}

.print-button {
  float: right;
  cursor: pointer;
}

@media print {  
  .print-button {
    display: none!important;
  }
  .td-dark {
    background-color: #eee;
    color: rgba(0, 0, 0, 0.87);
  }
  td, th, tr {
    page-break-inside: avoid;
  }
  .md-feedback {
    display: none;
  }
  .print-copyr {
    display: block;
    font-size: 11pt;
    margin: 2rem 0;
    color: #ccc;
  }
  @page :footer { 
    display: none
  } 

  @page :header { 
    display: none
  } 
}