/* MIT 6.S191 — Derin Öğrenme Türkçe — özel renk teması
   Palet: sinaptik indigo + nöronal amber + gradient teal */

:root {
  --bs-primary: #4f46e5;
  --bs-info: #06b6d4;
  --bs-success: #10b981;
  --bs-warning: #f59e0b;
  --bs-danger: #ef4444;

  /* Neural ağ temalı */
  --neural-indigo: #4f46e5;
  --neural-violet: #7c3aed;
  --activation-amber: #f59e0b;
  --gradient-teal: #14b8a6;
  --loss-red: #ef4444;
}

/* Kitap gövdesi */
body {
  line-height: 1.7;
}

/* Başlık tipografisi */
h1, h2, h3, h4 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

h1 { color: #1e1b4b; }
h2 { color: #312e81; border-bottom: 2px solid #e0e7ff; padding-bottom: 0.3em; }
h3 { color: #4338ca; }

/* Bağlantılar */
a { text-decoration-thickness: 1px; text-underline-offset: 2px; }

/* Callout renk vurguları */
.callout-tip {
  border-left-color: var(--gradient-teal);
}
.callout-tip > .callout-header {
  background-color: rgba(20, 184, 166, 0.1);
}

.callout-note {
  border-left-color: var(--neural-indigo);
}
.callout-note > .callout-header {
  background-color: rgba(79, 70, 229, 0.1);
}

.callout-warning {
  border-left-color: var(--activation-amber);
}
.callout-warning > .callout-header {
  background-color: rgba(245, 158, 11, 0.1);
}

.callout-important {
  border-left-color: var(--loss-red);
}
.callout-important > .callout-header {
  background-color: rgba(239, 68, 68, 0.1);
}

/* Math blocks */
.math.display {
  background: linear-gradient(to right, #f5f3ff, #ffffff);
  padding: 1em 1.2em;
  border-radius: 6px;
  border-left: 3px solid var(--neural-indigo);
  overflow-x: auto;
}

/* Inline math hafif vurgu */
.math.inline {
  padding: 0 2px;
}

/* Kod blokları */
div.sourceCode {
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

/* Tablo modernize */
table {
  border-collapse: collapse;
  margin: 1em 0;
}
table thead tr {
  background: #312e81;
  color: white;
}
table th, table td {
  padding: 0.6em 1em;
  border-bottom: 1px solid #e5e7eb;
}
table tbody tr:nth-child(even) {
  background: #f9fafb;
}

/* Quote */
blockquote {
  border-left: 4px solid var(--activation-amber);
  background: #fffbeb;
  padding: 0.8em 1.2em;
  margin: 1.2em 0;
  font-style: italic;
  border-radius: 0 4px 4px 0;
}

/* Şekil başlıkları */
figcaption {
  font-size: 0.9em;
  color: #4b5563;
  font-style: italic;
  margin-top: 0.4em;
}

/* Sidebar */
.sidebar-title {
  font-weight: 600;
  color: #1e1b4b;
}

/* Kapak header */
.quarto-title-block .quarto-title h1.title {
  color: #1e1b4b;
  font-weight: 700;
}
.quarto-title-block .subtitle {
  color: #4b5563;
  font-weight: 400;
}
