/* @theme nova-sp */
/* Nova — S&P Global Energy theme for Marp decks.
 *
 * Palette: S&P Red (#D6002A), Black (#1B1B1B), White (#FFFFFF), Grey (#F0F0F0).
 * Font: Akkurat Pro (fallback Helvetica Neue / Arial).
 *
 * This theme extends Marp's default and applies the S&P palette to ALL slide
 * chrome — backgrounds, headers/footers, pagination, tables, blockquotes,
 * code blocks — not just headings.
 */

:root {
  --sp-red: #D6002A;
  --sp-black: #1B1B1B;
  --sp-white: #FFFFFF;
  --sp-grey: #F0F0F0;
  --sp-dark-grey: #2E2E2E;
}

/* Base section */
section {
  font-family: "Akkurat Pro", "Helvetica Neue", "Arial", sans-serif;
  font-size: 22px;
  color: var(--sp-black);
  background: var(--sp-white);
}

/* Headings — S&P Red */
h1 { color: var(--sp-red); font-size: 34px; margin-bottom: 0.3em; }
h2 { color: var(--sp-red); font-size: 26px; margin-bottom: 0.2em; }
h3 { color: var(--sp-red); font-size: 22px; margin-bottom: 0.2em; }
h4 { color: var(--sp-dark-grey); font-size: 20px; margin-bottom: 0.15em; }

/* Title slides — black background, red top border */
section.title {
  background: var(--sp-black);
  color: var(--sp-white);
  border-top: 8px solid var(--sp-red);
}
section.title h1 { color: var(--sp-white); }
section.title h2 { color: var(--sp-white); }

/* Tables — grey header with red underline */
table { font-size: 18px; width: 100%; border-collapse: collapse; }
th { background: var(--sp-grey); border-bottom: 2px solid var(--sp-red); padding: 6px 10px; text-align: left; }
td { border-bottom: 1px solid var(--sp-grey); padding: 6px 10px; }

/* Blockquotes — red left border */
blockquote { border-left: 4px solid var(--sp-red); color: var(--sp-dark-grey); font-size: 20px; padding-left: 12px; }

/* Code — dark background */
pre { background: var(--sp-black); color: var(--sp-white); border-radius: 4px; padding: 12px; font-size: 16px; }
code { background: var(--sp-grey); color: var(--sp-black); border-radius: 2px; padding: 1px 4px; font-size: 18px; }
pre code { background: transparent; color: inherit; }

/* Images — centered, max height */
img { display: block; margin: 0 auto; max-height: 320px; }

/* Header/footer — subtle grey */
header { color: var(--sp-dark-grey); border-bottom: 1px solid var(--sp-grey); }
footer { color: var(--sp-dark-grey); border-top: 1px solid var(--sp-grey); }

/* Maturity badges */
.badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 14px; font-weight: 600; }
.badge.today { background: #c6f6d5; color: #22543d; }
.badge.planned { background: #fef3c7; color: #78350f; }

/* Pagination — S&P Red progress bar */
.bespoke-progress-parent { background: var(--sp-grey); }
.bespoke-progress-bar { background: var(--sp-red) !important; }

/* Lists — tighter */
ul { margin-top: 0.3em; }
li { margin-bottom: 0.2em; }

/* Strong — S&P Red for emphasis in lead lines */
strong { color: var(--sp-red); }