:root {
  --r-main-font: Fira Sans;
  --r-main-color: var(--teal-1000);
  --r-heading-color: var(--teal-900);
  --r-heading-text-transform: none;
}

/* Grayscale Design palette: https://grayscale.design/app?lums=93.87,82.28,68.67,49.10,40.20,35.16,13.29,9.31,6.30,2.62,1.30,0.52&palettes=%2395b600,%23ff886e,%23ff76e6,%23ae9cff,%2300c524,%2300b9e2&filters=0%7C0,0%7C0,0%7C0,0%7C0,0%7C0,0%7C0&names=yellow,red,pink,blue,green,teal&labels=,,,,, */
:root {
  --grayscale-50: hsl(0, 0%, 97.30%);
  --grayscale-100: hsl(0, 0%, 91.80%);
  --grayscale-200: hsl(0, 0%, 84.70%);
  --grayscale-300: hsl(0, 0%, 72.90%);
  --grayscale-400: hsl(0, 0%, 66.70%);
  --grayscale-500: hsl(0, 0%, 62.70%);
  --grayscale-600: hsl(0, 0%, 40.00%);
  --grayscale-700: hsl(0, 0%, 33.70%);
  --grayscale-800: hsl(0, 0%, 27.80%);
  --grayscale-900: hsl(0, 0%, 17.60%);
  --grayscale-1000: hsl(0, 0%, 11.80%);
  --grayscale-1100: hsl(0, 0%, 6.30%);

  --yellow-50: hsl(71, 100.00%, 86.00%);
  --yellow-100: hsl(71, 100.00%, 49.31%);
  --yellow-200: hsl(71, 100.00%, 45.58%);
  --yellow-300: hsl(71, 100.00%, 39.25%);
  --yellow-400: hsl(71, 100.00%, 35.89%);
  --yellow-500: hsl(71, 100.00%, 33.82%);
  --yellow-600: hsl(71, 100.00%, 21.48%);
  --yellow-700: hsl(71, 100.00%, 18.33%);
  --yellow-800: hsl(71, 100.00%, 15.00%);
  --yellow-900: hsl(71, 100.00%, 9.70%);
  --yellow-1000: hsl(71, 100.00%, 6.56%);
  --yellow-1100: hsl(71, 100.00%, 3.48%);

  --red-50: hsl(11, 100.00%, 97.95%);
  --red-100: hsl(11, 100.00%, 93.63%);
  --red-200: hsl(11, 100.00%, 87.94%);
  --red-300: hsl(11, 100.00%, 77.79%);
  --red-400: hsl(11, 100.00%, 71.66%);
  --red-500: hsl(11, 100.00%, 67.35%);
  --red-600: hsl(11, 100.00%, 38.92%);
  --red-700: hsl(11, 100.00%, 33.00%);
  --red-800: hsl(11, 100.00%, 27.54%);
  --red-900: hsl(11, 100.00%, 17.94%);
  --red-1000: hsl(11, 100.00%, 12.29%);
  --red-1100: hsl(11, 100.00%, 7.00%);

  --pink-50: hsl(311, 100.00%, 98.00%);
  --pink-100: hsl(311, 100.00%, 94.21%);
  --pink-200: hsl(311, 100.00%, 89.00%);
  --pink-300: hsl(311, 100.00%, 79.50%);
  --pink-400: hsl(311, 100.00%, 73.43%);
  --pink-500: hsl(311, 100.00%, 68.92%);
  --pink-600: hsl(311, 100.00%, 37.33%);
  --pink-700: hsl(311, 100.00%, 31.81%);
  --pink-800: hsl(311, 100.00%, 26.56%);
  --pink-900: hsl(311, 100.00%, 17.54%);
  --pink-1000: hsl(311, 100.00%, 12.36%);
  --pink-1100: hsl(311, 100.00%, 7.54%);

  --blue-50: hsl(251, 100.00%, 98.52%);
  --blue-100: hsl(251, 100.00%, 95.39%);
  --blue-200: hsl(251, 100.00%, 91.47%);
  --blue-300: hsl(251, 100.00%, 84.51%);
  --blue-400: hsl(251, 100.00%, 80.68%);
  --blue-500: hsl(251, 100.00%, 78.33%);
  --blue-600: hsl(251, 100.00%, 62.25%);
  --blue-700: hsl(251, 100.00%, 55.46%);
  --blue-800: hsl(251, 100.00%, 45.45%);
  --blue-900: hsl(251, 100.00%, 30.48%);
  --blue-1000: hsl(251, 100.00%, 21.86%);
  --blue-1100: hsl(251, 100.00%, 13.62%);

  --green-50: hsl(131, 100.00%, 94.80%);
  --green-100: hsl(131, 100.00%, 81.63%);
  --green-200: hsl(131, 100.00%, 49.00%);
  --green-300: hsl(131, 100.00%, 42.45%);
  --green-400: hsl(131, 100.00%, 38.72%);
  --green-500: hsl(131, 100.00%, 36.56%);
  --green-600: hsl(131, 100.00%, 23.43%);
  --green-700: hsl(131, 100.00%, 19.78%);
  --green-800: hsl(131, 100.00%, 16.56%);
  --green-900: hsl(131, 100.00%, 10.68%);
  --green-1000: hsl(131, 100.00%, 7.00%);
  --green-1100: hsl(131, 100.00%, 4.00%);

  --teal-50: hsl(191, 100.00%, 96.00%);
  --teal-100: hsl(191, 100.00%, 87.35%);
  --teal-200: hsl(191, 100.00%, 74.41%);
  --teal-300: hsl(191, 100.00%, 48.61%);
  --teal-400: hsl(191, 100.00%, 44.41%);
  --teal-500: hsl(191, 100.00%, 41.89%);
  --teal-600: hsl(191, 100.00%, 26.96%);
  --teal-700: hsl(191, 100.00%, 22.68%);
  --teal-800: hsl(191, 100.00%, 18.84%);
  --teal-900: hsl(191, 100.00%, 12.00%);
  --teal-1000: hsl(191, 100.00%, 8.13%);
  --teal-1100: hsl(191, 100.00%, 4.60%);
}


.titleslide h1, section > h2:first-child, section > h1:first-child {
  font-variant: small-caps;
}

section:has(> h2:first-child){
  height: 100vh;

  > h2:first-child {
    width:100%;
    color: white;
    background: #33474b;
  }
}

NOT.reveal section.present > h2:first-child { position: fixed; top: 0px; }

.reveal .quotewithauthor {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  blockquote {
    text-align: left;
    div,span {
      position:relative;
      .tooltip {
        position: absolute;
        bottom: 100%;
        left: 100%;
      }
      &:not(.current-fragment){
      .tooltip {
      display:none;
      }
      }
    }
  }
}

.twocolumns{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin-bottom: 1em;
  ol {
    grid-row:3;
  }
}

em.alert {
  color: blue;
}

ul#refs{
  font-size: 0.7em;
  list-style-type: none;
  li {
    margin: 0.2em;
  }
 }

.reveal .present:has(.reference){
  max-height: 100%;
}

.reveal .slides .footnote { display: none;}
.reveal .slides .reference {
position: absolute;
        bottom: 20px;
        right: 8px;
        z-index: 31;
        font-family: Helvetica, sans-serif;
        font-size: 0.6em;
        line-height: 1;
        padding: 5px;
        text-align: left;
}