/* --- 0. FONT IMPORT --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap');

:root {
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --md-code-font: "Fira Code", "JetBrains Mono", monospace;
}

/* --- 1. FONT TANIMLAMALARI --- */
body, .md-content, .md-nav, .md-toc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* MkDocs Material asil content class - kesinlikle Inter */
.md-typeset {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.8rem;
  line-height: 1.8;
}

.md-typeset p,
.md-typeset li,
.md-typeset strong,
.md-typeset em,
.md-typeset blockquote {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Fira Code sadece kod bloklarinda */
code, pre,
.md-typeset code,
.md-typeset pre,
.highlight {
  font-family: "Fira Code", "JetBrains Mono", monospace !important;
  font-variant-ligatures: contextual;
  font-feature-settings: "liga" 1, "calt" 1;
}

/* Heading font weights */
.md-content h1, .md-typeset h1 { font-weight: 700; letter-spacing: -0.5px; }
.md-content h2, .md-typeset h2 { font-weight: 600; letter-spacing: -0.3px; }
.md-content h3, .md-typeset h3 { font-weight: 500; letter-spacing: -0.2px; }
.md-content h4, .md-typeset h4 { font-weight: 500; }

.md-content p,
.md-content li,
.md-typeset p,
.md-typeset li {
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.01em;
}

.md-content strong,
.md-typeset strong {
  font-weight: 600 !important;
}

/* --- 2. ANA YERLESIM (LAYOUT) --- */
.md-grid { max-width: 85rem; }

@media screen and (min-width: 76.25em) {
  .md-main__inner { display: flex; max-width: 100%; }
}

/* --- 3. DARK MODE CONTENT & RENKLER --- */
.md-content {
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.95);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.md-content h1,
.md-content h2,
.md-content h3,
.md-content h4,
.md-content h5,
.md-content h6 {
  color: #ffffff !important;
}

.md-content code {
  color: var(--md-code-fg-color);
}

/* --- 4. YAN MENULER - DARK MODE (GHOSTING) --- */
.md-nav__link,
.md-toc__link {
  color: rgba(255, 255, 255, 0.4) !important;
  transition: color 0.3s ease;
}

.md-nav__link:hover,
.md-toc__link:hover,
.md-nav__link--active,
.md-toc__link--active {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* --- 5. LIGHT MODE OVERRIDES --- */
[data-md-color-scheme="default"] .md-content {
  background-color: rgba(255, 255, 255, 0.85) !important;
  color: rgba(0, 0, 0, 0.85) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

[data-md-color-scheme="default"] .md-content h1,
[data-md-color-scheme="default"] .md-content h2,
[data-md-color-scheme="default"] .md-content h3,
[data-md-color-scheme="default"] .md-content h4,
[data-md-color-scheme="default"] .md-content h5,
[data-md-color-scheme="default"] .md-content h6 {
  color: #1a1a2e !important;
}

[data-md-color-scheme="default"] .md-content p,
[data-md-color-scheme="default"] .md-content li,
[data-md-color-scheme="default"] .md-content strong,
[data-md-color-scheme="default"] .md-content a,
[data-md-color-scheme="default"] .md-typeset p,
[data-md-color-scheme="default"] .md-typeset li,
[data-md-color-scheme="default"] .md-typeset strong {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* Sidebar - light modda soluk */
[data-md-color-scheme="default"] .md-nav__link,
[data-md-color-scheme="default"] .md-toc__link {
  color: rgba(0, 0, 0, 0.30) !important;
}

[data-md-color-scheme="default"] .md-nav__link:hover,
[data-md-color-scheme="default"] .md-toc__link:hover,
[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-toc__link--active {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* --- 6. NOTION STYLE CARDS --- */
.cards > ul > li {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.03) !important;
}

.cards > ul > li:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3) !important;
  border-color: var(--md-primary-fg-color) !important;
}

[data-md-color-scheme="default"] .cards > ul > li {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

[data-md-color-scheme="default"] .cards > ul > li:hover {
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12) !important;
}

/* --- 7. PROJECT TAGS --- */
.project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.tag {
  display: inline-block;
  font-size: 11px;
  font-family: "Inter", sans-serif !important;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 999px;
  margin: 2px 4px 2px 0;
  line-height: 1.6;
  letter-spacing: 0.2px;
}

.tag.sql        { background: #185FA5; color: #B5D4F4; }
.tag.powerbi    { background: #854F0B; color: #FAC775; }
.tag.python     { background: #3B6D11; color: #C0DD97; }
.tag.pandas     { background: #533AB7; color: #CECBF6; }
.tag.duckdb     { background: #0F6E56; color: #9FE1CB; }
.tag.ml         { background: #993556; color: #F4C0D1; }
.tag.azure      { background: #0C447C; color: #B5D4F4; }
.tag.dbt        { background: #27500A; color: #C0DD97; }
.tag.kafka      { background: #712B13; color: #F5C4B3; }
.tag.spark      { background: #A32D2D; color: #F7C1C1; }
.tag.snowflake  { background: #185FA5; color: #E6F1FB; }
.tag.looker     { background: #533AB7; color: #EEEDFE; }
.tag.bigquery   { background: #3B6D11; color: #EAF3DE; }
.tag.gcp        { background: #854F0B; color: #FAEEDA; }
.tag.tableau    { background: #0F6E56; color: #E1F5EE; }
.tag.databricks { background: #993C1D; color: #F5C4B3; }
.tag.streamlit   { background: #0C447C; color: #B5D4F4; }
.tag.sklearn    { background: #993556; color: #FBEAF0; }
.tag.airflow    { background: #3C3489; color: #EEEDFE; }
.tag.descstats  { background: #712B13; color: #F5C4B3; }
.tag.datamodel  { background: #A32D2D; color: #F7C1C1; }
.tag.predstats  { background: #185FA5; color: #E6F1FB; }