/* === Palette officielle Université Laval === */
:root {
  --ulaval-red:        #e30513;
  --ulaval-yellow:     #ffc103;
  --ulaval-light-grey: #d9d9d9;
  --ulaval-medium-grey:#7f7f7f;
  --ulaval-dark-grey:  #515151;
  --ulaval-black:      #000000;
}

/* === Style général pour documents HTML === */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--ulaval-black);
  line-height: 1.6;
  font-size: 16px;
  padding: 2rem;
  background: white;
}

h1, h2, h3 {
  color: var(--ulaval-red);
  margin-top: 2rem;
}

a {
  color: var(--ulaval-red);
}

pre, code {
  background: var(--ulaval-light-grey);
  padding: 0.25em 0.5em;
  border-radius: 4px;
}

blockquote {
  border-left: 4px solid var(--ulaval-yellow);
  padding-left: 1rem;
  background-color: var(--ulaval-light-grey);
  color: var(--ulaval-dark-grey);
}

/* === Typographie RevealJS === */
.reveal {
  font-size: 30px;
}

.reveal h1 {
  font-size: 1.7em;
  color: var(--ulaval-red);
}

.reveal h2 {
  font-size: 1.4em;
  color: var(--ulaval-red);
}

.reveal h3 {
  font-size: 1.2em;
  color: var(--ulaval-dark-grey);
}

.reveal p,
.reveal li {
  font-size: 0.7em;
  line-height: 1.25em;
}

.reveal table {
  font-size: 0.65em;
  border-collapse: collapse;
}

.reveal table th {
  background: var(--ulaval-yellow);
  color: var(--ulaval-black);
}

.reveal table td,
.reveal table th {
  border: 1px solid var(--ulaval-light-grey);
  padding: 4px 6px;
}

.reveal pre code {
  font-size: 0.6em;
  line-height: 1.3em;
}

/* === Logo en haut à gauche dans HTML classique === */
body::before {
  content: url('STT-1100_hex.png');
  position: fixed;
  top: 2px;
  left: 2px;
  transform: scale(0.12);
  transform-origin: top left;
  opacity: 0.85;
  pointer-events: none;
  z-index: 10;
}

/* === Mermaid graph styling (si utilisé) === */
.mermaid {
  font-size: 0.65em;
}