/* Import Material Icons font */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Base Material Icons styles */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
}

/* Color variants */
.material-icons.success {
  color: var(--md-success-fg-color, #00c853);
}

.material-icons.warning {
  color: var(--md-warning-fg-color, #ff6d00);
}

.material-icons.error {
  color: var(--md-error-fg-color, #ff1744);
}

.material-icons.info {
  color: var(--md-info-fg-color, #00b0ff);
}

/* Size variants */
.material-icons.small {
  font-size: 1em;
}

.material-icons.large {
  font-size: 1.5em;
}

/* ========================================
   Professional Documentation Enhancements
   ======================================== */

/* Breadcrumb navigation */
.breadcrumb {
  font-size: 0.9em;
  color: var(--md-default-fg-color--light);
  margin-bottom: 1em;
}

/* Section anchors - smooth scroll with offset for fixed header */
h2, h3, h4 {
  scroll-margin-top: 4rem;
}

/* Professional code blocks */
.highlight {
  border-radius: 4px;
  border: 1px solid var(--md-code-bg-color);
}

/* Improved tables */
table {
  width: 100%;
  border-collapse: collapse;
}

table th {
  background-color: var(--md-primary-fg-color--light);
  font-weight: 600;
  padding: 0.6em 1em;
}

table td {
  padding: 0.6em 1em;
  border: 1px solid var(--md-default-fg-color--lightest);
}

/* Admonition icon alignment */
.admonition-title {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Better spacing */
article p {
  margin-bottom: 1em;
}

article h2 {
  margin-top: 2em;
  margin-bottom: 1em;
}

article h3 {
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}