/* VITMAV42 „nodejs" arculat — a reveal.js 6 white témájára ültetve.
   Identitás: Roboto/Rajdhani, #4078c0 nagybetűs címek, fehér alap, #FF5E99 kijelölés. */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Rajdhani:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  --r-main-font: Roboto, "Helvetica Neue", Arial, sans-serif;
  --r-main-font-size: 34px;
  --r-main-color: #111;
  --r-heading-font: Rajdhani, Impact, sans-serif;
  --r-heading-color: #4078c0;
  --r-heading-text-transform: uppercase;
  --r-heading-font-weight: 600;
  --r-heading-line-height: 1.15;
  --r-heading1-size: 2.1em;
  --r-heading2-size: 1.45em;
  --r-heading3-size: 1.18em;
  --r-code-font: "IBM Plex Mono", "SF Mono", Menlo, monospace;
  --r-link-color: #13daec;
  --r-link-color-dark: #0d9ba5;
  --r-link-color-hover: #71ebf4;
  --r-selection-background-color: #ff5e99;
  --r-selection-color: #fff;
}

.reveal .slides section { line-height: 1.35; }
.reveal h1, .reveal h2, .reveal h3, .reveal h4 { text-wrap: balance; text-shadow: none; }

/* Kód: a diákon sok a példa, ezért kisebb és keretezett */
.reveal pre { width: 90%; margin: 20px auto; box-shadow: none; font-size: 0.55em; line-height: 1.3; }
.reveal pre code {
  padding: 14px 18px; border: 1px solid #e3e8ee; border-radius: 6px;
  background: #f7f9fb; font-family: var(--r-code-font); max-height: 460px;
}
.reveal code { font-family: var(--r-code-font); }
.reveal :not(pre) > code { background: #f0f3f7; padding: .1em .3em; border-radius: 4px; font-size: .9em; }

.reveal li { margin-bottom: .3em; }
.reveal blockquote {
  width: 70%; margin: 20px auto; box-shadow: none; background: none;
  font-style: italic; padding: 5px; color: #35485c;
}
.reveal table { font-size: .68em; }
.reveal table th { color: #4078c0; text-transform: uppercase; font-family: var(--r-heading-font); }
.reveal img { border: 0; box-shadow: none; max-width: 95%; max-height: 95%; }

/* Jelölések, amiket a diákon használunk */
.reveal .uj {
  display: inline-block; font-family: var(--r-code-font); font-size: .4em;
  text-transform: uppercase; letter-spacing: .08em; color: #1f7a4d;
  border: 1px solid #1f7a4d; border-radius: 5px; padding: 1px 7px; vertical-align: middle;
}
.reveal .tipp {
  display: inline-block; font-family: var(--r-code-font); font-size: .4em;
  text-transform: uppercase; letter-spacing: .08em; color: #4078c0;
  border: 1px solid #4078c0; border-radius: 5px; padding: 1px 7px; vertical-align: middle;
}
.reveal .kicsi { font-size: .72em; color: #4a5b6b; }

.reveal .progress { background: transparent; }
.reveal .progress span { background: #4078c0; }

/* highlight.js — világos színséma */
.hljs { background: transparent; color: #24292e; }
.hljs-comment, .hljs-quote { color: #6a737d; font-style: italic; }
.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-type { color: #d73a49; }
.hljs-string, .hljs-regexp, .hljs-addition { color: #032f62; }
.hljs-number, .hljs-symbol, .hljs-bullet { color: #005cc5; }
.hljs-title, .hljs-title.function_, .hljs-section { color: #6f42c1; font-weight: 600; }
.hljs-attr, .hljs-attribute, .hljs-variable, .hljs-template-variable { color: #e36209; }
.hljs-built_in { color: #22863a; }
.hljs-meta { color: #6a737d; }

@media print { .reveal pre code { max-height: none; } }