/*-- scss:defaults --*/

$presentation-heading-color: #006666;
$presentation-heading-font: "Source Sans Pro", "Helvetica Neue", sans-serif;
$body-color: #1a1a2e;
$link-color: #008080;
$selection-bg: #008080;

/*-- scss:rules --*/

.reveal h1, .reveal h2, .reveal h3 {
  font-weight: 600;
  text-transform: none;
  letter-spacing: -0.02em;
}

.reveal .slide-number {
  color: #888;
  font-size: 0.7em;
}

.reveal pre code {
  font-size: 0.95em;
  line-height: 1.4;
  border-left: 4px solid #008080;
  border-radius: 4px;
  padding: 12px 16px;
}

.callout-tip {
  border-left-color: #008080 !important;
}

.callout-note {
  border-left-color: #1565C0 !important;
}

.callout-important {
  border-left-color: #C62828 !important;
}

/* Pyodide runnable code cell styling */
.cell-output, .pyodide-output {
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 12px;
  margin-top: 8px;
  font-family: "Source Code Pro", monospace;
  font-size: 0.85em;
}

.try-it {
  background: #fff3e0;
  border-left: 4px solid #E65100;
  padding: 12px 16px;
  border-radius: 4px;
  margin: 8px 0;
}

.why-box {
  background: #e8f5e9;
  border-left: 4px solid #2E7D32;
  padding: 12px 16px;
  border-radius: 4px;
  margin: 8px 0;
}

.takeaway {
  background: rgba(0, 128, 128, 0.08);
  border-left: 4px solid #008080;
  padding: 12px 16px;
  border-radius: 4px;
  margin: 8px 0;
}