/* Estilo: editorial escuro (a partir do deck "Vermelho", Grupo de Estudos - Cores) */

@font-face { font-family: "Awesome Serif"; src: url("fontes/AwesomeSerif-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Awesome Serif"; src: url("fontes/AwesomeSerif-LightItalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Awesome Serif"; src: url("fontes/AwesomeSerif-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geomanist"; src: url("fontes/Geomanist-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geomanist"; src: url("fontes/Geomanist-Medium.otf") format("opentype"); font-weight: 500 700; font-display: swap; }

:root {
  --bg: #100904;
  --surface: #1A110A;
  --fg: #FFEDD7;
  --muted: #A89A88;
  --line: #40372E;
  --accent: #C8102E;
  --accent-fg: #E0392B;
  --accent-ink: #FFEDD7;
  --ok: #7FB58A;
  --bad: #E0392B;

  --font-display: "Awesome Serif", Georgia, serif;
  --font-quote: "Awesome Serif", Georgia, serif;
  --font-title: "Geomanist", system-ui, sans-serif;
  --font-body: "Geomanist", system-ui, sans-serif;
  --font-ui: "Geomanist", system-ui, sans-serif;
  --w-display: 300;
  --w-title: 500;
  --w-body: 400;
  --w-strong: 500;
  --title-case: uppercase;
  --title-tracking: 0;
  --display-tracking: -0.015em;
  --lh-title: 0.95;
  --lh-body: 1.28;

  --t-label: 15px;
  --t-small: 22px;
  --t-body: 29px;
  --t-lead: 34px;
  --t-quote: 60px;
  --t-h3: 30px;
  --t-h2: 60px;
  --t-h1: 96px;
  --t-display: 220px;

  --pad-y: 140px;
  --pad-x: 96px;
  --gap: 28px;
  --radius: 12px;

  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
  --dur: 800ms;

  --frame-fg: #FFEDD7;
  --frame-muted: #A89A88;
  --frame-line: #40372E;
}

/* citação grande em serifa fina, com a palavra-chave na cor da aula */
.reveal .quote { font-weight: 300; }
.reveal .quote .accent,
.reveal [data-words] .accent { color: var(--accent-fg); }

/* capa: título serifado enorme, sem caixa alta */
.reveal .s-cover h1 { font-size: 132px; line-height: 0.92; text-transform: none; }

/* número de capítulo em algarismo romano serifado */
.reveal .s-section .num { font-weight: 300; }

/* cartões sem fundo, só contorno */
.reveal .card { background: transparent; }
.reveal .card h3 { font-family: var(--font-title); font-weight: 500; text-transform: uppercase; font-size: 24px; letter-spacing: 0.02em; color: var(--accent-fg); }