/* ==========================================================================
   TEBHOS geliştirici belgeleri teması.
   Renk/tipografi tanıtım sitesiyle (tebhos_landing) aynı: koyu #161616 zemin,
   beyaz metin, Inter, mavi vurgu (#2257f9, düğme gradyanı #006aff → #0030ff),
   hap biçimli gezinme. Yazı tipleri yerelden sunulur.
   ========================================================================== */

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('../assets/fonts/inter-latin-wght-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('../assets/fonts/inter-latin-ext-wght-normal.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-display: swap;
	font-weight: 100 800;
	src: url('../assets/fonts/jbm-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-display: swap;
	font-weight: 100 800;
	src: url('../assets/fonts/jbm-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body {
	--md-text-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
		sans-serif;
	--md-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* --- Açık şema ----------------------------------------------------------- */
:root,
[data-md-color-scheme='default'] {
	--tebhos-blue: #2257f9;
	--tebhos-blue-hi: #006aff;
	--tebhos-blue-lo: #0030ff;

	--md-primary-fg-color: #1647e0;
	--md-primary-fg-color--light: #2257f9;
	--md-primary-fg-color--dark: #0f36b3;
	--md-primary-bg-color: #ffffff;
	--md-accent-fg-color: #2257f9;
	--md-accent-fg-color--transparent: rgba(34, 87, 249, 0.1);
	--md-typeset-a-color: #1647e0;

	--md-default-bg-color: #ffffff;
	--md-default-fg-color: rgba(22, 22, 22, 0.92);
	--md-default-fg-color--light: rgba(22, 22, 22, 0.62);
	--md-default-fg-color--lighter: rgba(22, 22, 22, 0.34);
	--md-default-fg-color--lightest: rgba(22, 22, 22, 0.08);
	--md-code-bg-color: #f4f5f8;

	--tebhos-surface: #f6f7fa;
	--tebhos-border: rgba(22, 22, 22, 0.1);
}

/* --- Koyu şema (tanıtım sitesinin kendisi) ------------------------------- */
[data-md-color-scheme='slate'] {
	--md-hue: 0;
	--md-primary-fg-color: #4d7bff;
	--md-primary-fg-color--light: #6f93ff;
	--md-primary-fg-color--dark: #2257f9;
	--md-primary-bg-color: #ffffff;
	--md-accent-fg-color: #6f93ff;
	--md-accent-fg-color--transparent: rgba(77, 123, 255, 0.12);
	--md-typeset-a-color: #6f93ff;

	--md-default-bg-color: #161616;
	--md-default-bg-color--light: rgba(22, 22, 22, 0.7);
	--md-default-fg-color: rgba(255, 255, 255, 0.92);
	--md-default-fg-color--light: rgba(255, 255, 255, 0.64);
	--md-default-fg-color--lighter: rgba(255, 255, 255, 0.36);
	--md-default-fg-color--lightest: rgba(255, 255, 255, 0.08);
	--md-typeset-color: rgba(255, 255, 255, 0.86);

	--md-code-bg-color: #1e1e1e;
	--md-code-fg-color: rgba(255, 255, 255, 0.86);

	--md-footer-bg-color: #111111;
	--md-footer-bg-color--dark: #0c0c0c;

	--tebhos-surface: #1c1c1c;
	--tebhos-border: rgba(255, 255, 255, 0.08);
}

[data-md-color-scheme='slate'] body,
[data-md-color-scheme='slate'] .md-main,
[data-md-color-scheme='slate'] .md-header,
[data-md-color-scheme='slate'] .md-tabs {
	background-color: #161616;
}

/* --- Başlık çubuğu ------------------------------------------------------- */
.md-header {
	box-shadow: none;
	border-bottom: 1px solid var(--tebhos-border);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
	height: 1.6rem;
	width: auto;
	border-radius: 0.4rem;
}

.md-header__title {
	font-weight: 700;
	letter-spacing: -0.01em;
}

/* Sekmeler: tanıtım sitesindeki hap biçimli gezinme bağlantıları */
.md-tabs__link {
	font-weight: 500;
	opacity: 1;
	color: var(--md-default-fg-color--light);
	padding: 0.25rem 0.7rem;
	border-radius: 9999px;
	transition: background-color 0.15s, color 0.15s;
}

.md-tabs__item--active .md-tabs__link,
.md-tabs__link:hover {
	color: var(--md-default-fg-color);
	background-color: var(--md-default-fg-color--lightest);
}

/* --- Tipografi ----------------------------------------------------------- */
.md-typeset {
	font-size: 0.78rem;
	line-height: 1.65;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
	color: var(--md-default-fg-color);
	letter-spacing: -0.015em;
}

.md-typeset h1 {
	font-weight: 600;
	font-size: 2em;
	line-height: 1.2;
}

.md-typeset h2 {
	font-weight: 600;
	font-size: 1.45em;
	margin-top: 2em;
	padding-top: 0.6em;
	border-top: 1px solid var(--tebhos-border);
}

.md-typeset h3 {
	font-weight: 600;
	font-size: 1.15em;
}

.md-typeset a {
	text-underline-offset: 0.18em;
}

.md-typeset code {
	border-radius: 0.3rem;
	font-size: 0.86em;
}

/* Tanıtım sitesindeki kart yüzeyleri: yuvarlatılmış, ince kenarlıklı */
.md-typeset pre > code,
.md-typeset .highlight {
	border-radius: 0.6rem;
}

.md-typeset table:not([class]) {
	border-radius: 0.6rem;
	border: 1px solid var(--tebhos-border);
	font-size: 0.72rem;
	overflow: hidden;
}

.md-typeset table:not([class]) th {
	background-color: var(--tebhos-surface);
	font-weight: 600;
}

.md-typeset .admonition,
.md-typeset details {
	border-radius: 0.6rem;
	border-width: 1px;
	box-shadow: none;
}

/* Birincil düğme = tanıtım sitesindeki "TEBHOS'u aç" gradyanı */
.md-typeset .md-button--primary {
	background-image: linear-gradient(190.98deg, var(--tebhos-blue-hi, #006aff) 26.77%, var(--tebhos-blue-lo, #0030ff));
	border: 0;
	border-radius: 0.75rem;
	color: #fff;
}

.md-typeset .md-button {
	border-radius: 0.75rem;
}

/* Kart ızgarası (giriş sayfası) */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
	border-radius: 1rem;
	border: 1px solid var(--tebhos-border);
	background-color: var(--tebhos-surface);
}

.md-typeset .grid.cards > ul > li:hover {
	border-color: var(--md-accent-fg-color);
	box-shadow: none;
}

/* Arama kutusu hap biçimli */
.md-search__form {
	border-radius: 9999px;
}

/* Sol gezinme: etkin sayfa mavi */
.md-nav__link--active,
.md-nav__item .md-nav__link--active {
	color: var(--md-typeset-a-color);
	font-weight: 600;
}

/* HTTP yöntem rozetleri için satır içi kod başlıkları okunur kalsın */
.md-typeset h3 + p > code:first-child {
	font-weight: 600;
}
