/* Shotwork docs theme. Implements DOCS_STYLE_GUIDE.md section 7. */

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
/* JetBrains Mono ships static webfonts, not a variable woff2, so the two
   weights the pages use are loaded separately. */
@font-face {
  font-family: "JetBrains Mono";
  src: url("../assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../assets/fonts/JetBrainsMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  --md-text-font: "Inter";
  --md-code-font: "JetBrains Mono";
  /* Material's custom-admonition recipe: the cog that marks a technical block. */
  --md-admonition-icon--technical: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z"/></svg>');
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #2b2b2b;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #e8952e;
  --md-typeset-a-color: #3f6d8e;
  --sw-shot-border: #d0d3d8;
  --sw-shot-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1c1e21;
  --md-primary-fg-color: #141618;
  --md-primary-bg-color: #eeeeee;
  --md-accent-fg-color: #f5a623;
  --md-typeset-a-color: #6fa3c4;
  --sw-shot-border: #0e0f11;
  --sw-shot-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

/* Every screenshot: framed so app chrome reads as an object on the page. */
.md-typeset figure.screenshot {
  margin: 1em 0 1.5em;
}
.md-typeset figure.screenshot img,
.md-typeset figure.screenshot video {
  border: 1px solid var(--sw-shot-border);
  border-radius: 4px;
  box-shadow: var(--sw-shot-shadow);
  max-width: 100%;
}
.md-typeset figure.screenshot figcaption {
  font-size: 0.8rem;
  color: var(--md-default-fg-color--light);
  text-align: left;
  max-width: none;
}

/* Collapsible "technical" admonition: gray, cog icon. */
.md-typeset .admonition.technical,
.md-typeset details.technical {
  border-color: #767676;
}
.md-typeset .technical > .admonition-title,
.md-typeset .technical > summary {
  background-color: rgba(118, 118, 118, 0.1);
}
.md-typeset .technical > .admonition-title::before,
.md-typeset .technical > summary::before {
  background-color: #767676;
  -webkit-mask-image: var(--md-admonition-icon--technical);
  mask-image: var(--md-admonition-icon--technical);
}

/* Optional page badge (tiers / since-version). DECIDE: unused until tiers exist. */
.sw-badge {
  display: inline-block;
  font: 600 0.7rem/1.6 var(--md-text-font);
  padding: 0 0.5em;
  border-radius: 3px;
  letter-spacing: 0.02em;
  background: var(--md-accent-fg-color);
  color: #10141c;
}

/* -- Sidebar navigation ---------------------------------------------------
   Section labels read as labels, not as another link in the list. Material
   styles them almost identically to their children by default, which made
   "Getting started" and "Marking shots" scan as pages (Jarom, 2026-09-09). */
.md-nav--primary .md-nav__item--section > .md-nav__link,
.md-nav--primary .md-nav__item--section > label.md-nav__link {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--md-default-fg-color--light);
  margin-top: 1.4em;
  padding-bottom: 0.35em;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* The home entry duplicates the header title and the page's own H1, three
   "Shotwork"s in a row. The header title already links home, so the sidebar
   row is redundant. It stays in the nav (mkdocs --strict requires every page
   to be listed) and is hidden here. */
.md-nav--primary > .md-nav__list > .md-nav__item:first-child:not(.md-nav__item--section) {
  display: none;
}