/* Tenax look for Material for MkDocs: the brand tokens (docs/brand/palette.css) and fonts served by the website. */
@font-face { font-family: "Inter"; src: url("/assets/fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/fonts/inter-600.woff2") format("woff2"); font-weight: 500 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/assets/fonts/jetbrainsmono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/assets/fonts/jetbrainsmono-600.woff2") format("woff2"); font-weight: 500 700; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("/assets/fonts/bricolage-700.woff2") format("woff2"); font-weight: 600 800; font-display: swap; }

:root {
  --md-text-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-code-font: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --tenax-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
}
/* Light: warm paper, ink header, ember links (ember 700 for text: AA on white). */
[data-md-color-scheme="tenax-light"] {
  --md-primary-fg-color: #171614;
  --md-primary-fg-color--light: #3C3935;
  --md-primary-fg-color--dark: #0F0E0D;
  --md-primary-bg-color: #FAFAF8;
  --md-accent-fg-color: #E0450D;
  --md-default-bg-color: #FAFAF8;
  --md-default-fg-color: #171614;
  --md-default-fg-color--light: #534F4A;
  --md-typeset-a-color: #B8380A;
  --md-code-bg-color: #F3F2EF;
  --md-footer-bg-color: #171614;
}
/* Dark: basalt, ember 400 links, instant cyan accents. */
[data-md-color-scheme="tenax-dark"] {
  color-scheme: dark;
  --md-hue: 30;
  --md-primary-fg-color: #0F0E0D;
  --md-primary-fg-color--light: #1E1C1A;
  --md-primary-fg-color--dark: #0F0E0D;
  --md-primary-bg-color: #F3F2EF;
  --md-accent-fg-color: #2CD0EE;
  --md-default-bg-color: #171614;
  --md-default-fg-color: rgba(243, 242, 239, 0.92);
  --md-default-fg-color--light: rgba(243, 242, 239, 0.64);
  --md-default-fg-color--lighter: rgba(243, 242, 239, 0.32);
  --md-default-fg-color--lightest: rgba(243, 242, 239, 0.12);
  --md-typeset-color: rgba(243, 242, 239, 0.9);
  --md-typeset-a-color: #FF7A45;
  --md-code-bg-color: #1E1C1A;
  --md-code-fg-color: #E8E6E2;
  --md-footer-bg-color: #0F0E0D;
  --md-footer-bg-color--dark: #0F0E0D;
}
.md-header__title, .md-typeset h1, .md-typeset h2 { font-family: var(--tenax-display); letter-spacing: -0.015em; }
.md-typeset h1 { font-weight: 800; font-size: 2.2rem; line-height: 1.05; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 700; }
.md-header__topic:first-child { font-weight: 800; }
.md-header { box-shadow: inset 0 -1px 0 rgba(255, 91, 31, .35); }
.md-tabs { background-color: var(--md-primary-fg-color--dark); }
.md-typeset code, .md-typeset kbd { border-radius: 4px; }
.md-typeset table:not([class]) { font-size: 0.72rem; }
.md-typeset table:not([class]) th { background: var(--md-code-bg-color); }

/* Home page cards */
.md-typeset .grid.cards > ul > li { border-radius: 12px; transition: border-color .15s, box-shadow .15s; }
.md-typeset .grid.cards > ul > li:hover { border-color: #FF5B1F; box-shadow: 0 8px 28px rgba(255, 91, 31, .12); }
.md-typeset .hero-lede { font-size: 1.05rem; color: var(--md-default-fg-color--light); max-width: 46rem; }