/* Брендинг IT-FORMAT: ink #1a1814 · paper #f4efe5 · accent #c2410c (на темному #f97316).
   Заголовки — Source Serif 4, текст — Manrope, моно — JetBrains Mono. */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,500;0,8..60,600;1,8..60,500&display=swap");

:root {
  --if-ink: #1a1814;
  --if-paper: #f4efe5;
  --if-accent: #c2410c;
  --if-accent-dark: #f97316;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--if-ink);
  --md-primary-fg-color--light: #2b2722;
  --md-primary-fg-color--dark: #0f0e0c;
  --md-primary-bg-color: var(--if-paper);
  --md-accent-fg-color: var(--if-accent);
  --md-typeset-a-color: var(--if-accent);
  --md-default-bg-color: #fbf8f2;
  --md-default-fg-color: var(--if-ink);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0f0e0c;
  --md-primary-bg-color: var(--if-paper);
  --md-accent-fg-color: var(--if-accent-dark);
  --md-typeset-a-color: var(--if-accent-dark);
  --md-default-bg-color: #1a1814;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h1 { color: inherit; }

/* Курсивний помаранчевий акцент у заголовках: # Надійний помічник *бухгалтера* */
.md-typeset h1 em,
.md-typeset .if-hero em {
  font-style: italic;
  color: var(--md-accent-fg-color);
}

/* Головний блок рекламної сторінки */
.if-hero {
  padding: 1.5rem 0 1rem;
}
.if-hero .if-eyebrow {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--md-accent-fg-color);
}
.if-hero h1 {
  font-size: 2.6rem;
  line-height: 1.1;
  margin: 0.4rem 0 0.8rem;
}
.if-hero p.if-lead {
  font-size: 1.05rem;
  max-width: 42rem;
}

.md-typeset .md-button {
  border-radius: 6px;
  font-weight: 600;
}

/* Скріни 1С — з легкою рамкою */
.md-typeset img.shot,
.md-typeset figure img {
  border: 1px solid rgba(26, 24, 20, 0.15);
  border-radius: 6px;
  box-shadow: 0 6px 24px rgba(26, 24, 20, 0.08);
}

.md-typeset figure figcaption {
  font-size: 0.75rem;
  opacity: 0.75;
}

/* Картки можливостей */
.md-typeset .grid.cards > ul > li {
  border-radius: 8px;
}