/* tdbsite/docs/stylesheets/extra.css */

/* Main font for body text */
:root {
  --md-text-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --md-code-font-family: "JetBrains Mono", "Fira Code", "Consolas", monospace;
}

/* Headings with slightly different weight */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-weight: 600;
  letter-spacing: -0.025em;
}

/* Code blocks */
.md-typeset code {
  font-family: "JetBrains Mono", "Fira Code", "Consolas", monospace;
  font-size: 0.85em;
}

/* Inline code */
.md-typeset :not(pre) > code {
  font-family: "JetBrains Mono", "Fira Code", "Consolas", monospace;
  font-size: 0.85em;
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

/* Navigation */
.md-nav__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

/* Sidebar */
.md-sidebar__inner {
  font-family: "Inter", sans-serif;
}

/* ===== ADMONITION CUSTOMIZATION ===== */

/* Option 1: Modern Dark Theme with Gradient */
/*
.md-typeset .admonition,
.md-typeset details {
  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
  border: 1px solid #4a5568;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
  border-bottom: 1px solid #4a5568;
  color: #e2e8f0;
  font-weight: 600;
}
*/

/* Option 2: Uncomment this for a Blue Theme */
/*
.md-typeset .admonition,
.md-typeset details {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
  border: 1px solid #3b82f6;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(59, 130, 246, 0.1);
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border-bottom: 1px solid #3b82f6;
  color: #ffffff;
  font-weight: 600;
}
*/

/* Option 3: Uncomment this for a Purple Theme */
/*
.md-typeset .admonition,
.md-typeset details {
  background: linear-gradient(135deg, #581c87 0%, #7c3aed 100%);
  border: 1px solid #8b5cf6;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(139, 92, 246, 0.1);
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border-bottom: 1px solid #8b5cf6;
  color: #ffffff;
  font-weight: 600;
}
*/

/* Option 4: Uncomment this for a Green Theme */
/*
.md-typeset .admonition,
.md-typeset details {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%);
  border: 1px solid #10b981;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(16, 185, 129, 0.1);
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: linear-gradient(135deg, #10b981 0%, #047857 100%);
  border-bottom: 1px solid #10b981;
  color: #ffffff;
  font-weight: 600;
}
*/

/* Option 5: Clean Yellow Border Theme */

.md-typeset .admonition,
.md-typeset details {
  background: #ffffff;
  border: 2px solid #fbbf24;
  border-radius: 8px;
  box-shadow: none;
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: #fef3c7;
  border-bottom: 2px solid #fbbf24;
  color: #92400e;
  font-weight: 600;
}


/* Specific admonition types (optional) */
.md-typeset .admonition.note {
  border-left-color: #3b82f6;
}

.md-typeset .admonition.warning {
  border-left-color: #f59e0b;
}

.md-typeset .admonition.tip {
  border-left-color: #10b981;
}

.md-typeset .admonition.important {
  border-left-color: #ef4444;
}

/* Hover effects */
.md-typeset .admonition:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}