/* League of Legends inspired theme - Professional */

:root {
  /* LoL Gold/Blue color palette */
  --lol-gold: #C8AA6E;
  --lol-gold-light: #F0E6D2;
  --lol-gold-dark: #785A28;
  --lol-blue: #0AC8B9;
  --lol-blue-dark: #0A323C;
  --lol-blue-deeper: #091428;
  --lol-purple: #7B5CD5;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #C8AA6E;
  --md-primary-fg-color--light: #F0E6D2;
  --md-primary-fg-color--dark: #785A28;
  --md-accent-fg-color: #0AC8B9;
  --md-default-bg-color: #0A1428;
  --md-default-bg-color--light: #0A323C;
}

/* Light mode colors */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #785A28;
  --md-primary-fg-color--light: #C8AA6E;
  --md-primary-fg-color--dark: #463714;
  --md-accent-fg-color: #0A8A81;
}

/* Header styling */
.md-header {
  background: linear-gradient(135deg, #0A1428 0%, #0A323C 100%);
  border-bottom: 2px solid var(--lol-gold);
}

[data-md-color-scheme="default"] .md-header {
  background: linear-gradient(135deg, #F0E6D2 0%, #C8AA6E 100%);
  border-bottom: 2px solid var(--lol-gold-dark);
}

/* Navigation tabs */
.md-tabs {
  background: rgba(10, 20, 40, 0.8);
  border-bottom: 1px solid rgba(200, 170, 110, 0.3);
}

[data-md-color-scheme="default"] .md-tabs {
  background: rgba(240, 230, 210, 0.9);
}

/* Code blocks */
.highlight {
  border-left: 3px solid var(--lol-gold);
  border-radius: 4px;
}

/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
  border-left-width: 3px;
  border-radius: 4px;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--lol-blue);
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--lol-gold);
}

/* Table styling */
.md-typeset table:not([class]) {
  border: 1px solid rgba(200, 170, 110, 0.3);
  border-radius: 4px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background: rgba(200, 170, 110, 0.15);
  border-bottom: 2px solid var(--lol-gold);
}

/* Links */
.md-typeset a {
  color: var(--lol-blue);
}

.md-typeset a:hover {
  color: var(--lol-gold);
}

/* Grid cards */
.md-typeset .grid.cards > ul > li {
  border: 1px solid rgba(200, 170, 110, 0.3);
  border-radius: 8px;
  transition: all 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--lol-gold);
  box-shadow: 0 4px 20px rgba(200, 170, 110, 0.15);
  transform: translateY(-2px);
}

/* Footer */
.md-footer {
  background: linear-gradient(135deg, #0A1428 0%, #0A323C 100%);
  border-top: 1px solid rgba(200, 170, 110, 0.3);
}

[data-md-color-scheme="default"] .md-footer {
  background: linear-gradient(135deg, #F0E6D2 0%, #C8AA6E 100%);
}

/* Sidebar */
.md-sidebar__scrollwrap {
  border-right: 1px solid rgba(200, 170, 110, 0.1);
}

/* Hero section styling for home page */
.md-typeset h1 {
  color: var(--lol-gold);
  font-weight: 700;
}

[data-md-color-scheme="default"] .md-typeset h1 {
  color: var(--lol-gold-dark);
}

/* Inline code */
.md-typeset code {
  background: rgba(200, 170, 110, 0.1);
  border: 1px solid rgba(200, 170, 110, 0.2);
  color: var(--lol-gold-light);
}

[data-md-color-scheme="default"] .md-typeset code {
  color: var(--lol-gold-dark);
}

/* Content area max width */
.md-content__inner {
  max-width: 900px;
}