/* Workzone / Prototype Lab Theme */

:root {
  /* Orange highlights - matching UE5 editor tabs */
  --workzone-orange: #d97b26;
  --workzone-orange-hover: #e8923d;
  --workzone-orange-muted: #a85d1b;
  
  /* Gray scale - industrial feel */
  --workzone-bg-dark: #1a1a1a;
  --workzone-bg-mid: #252525;
  --workzone-bg-light: #2d2d2d;
  --workzone-border: #3a3a3a;
  --workzone-text: #c8c8c8;
  --workzone-text-muted: #808080;
}

/* Dark mode overrides */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--workzone-orange);
  --md-primary-fg-color--light: var(--workzone-orange-hover);
  --md-primary-fg-color--dark: var(--workzone-orange-muted);
  --md-accent-fg-color: var(--workzone-orange);
  
  --md-default-bg-color: var(--workzone-bg-dark);
  --md-default-fg-color: var(--workzone-text);
  --md-default-fg-color--light: var(--workzone-text-muted);
  
  --md-typeset-a-color: var(--workzone-orange);
  
  /* Code blocks - darker industrial look */
  --md-code-bg-color: #141414;
  --md-code-fg-color: #c0c0c0;
}

/* Navigation tabs - orange active state */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--workzone-bg-mid);
  border-bottom: 1px solid var(--workzone-border);
}

[data-md-color-scheme="slate"] .md-tabs__link--active {
  background-color: var(--workzone-orange);
  color: #1a1a1a;
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: var(--workzone-orange);
}

/* Header - darker with subtle border */
[data-md-color-scheme="slate"] .md-header {
  background-color: var(--workzone-bg-mid);
  border-bottom: 2px solid var(--workzone-orange-muted);
}

/* Sidebar - match the dark grays */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: var(--workzone-bg-dark);
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: var(--workzone-orange);
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--workzone-orange);
  font-weight: 600;
}

/* Admonitions - industrial warning style */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background-color: var(--workzone-bg-light);
  border-left: 4px solid var(--workzone-orange-muted);
}

/* Tables - gridlike industrial */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background-color: var(--workzone-bg-mid);
  border: 1px solid var(--workzone-border);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: var(--workzone-orange-muted);
  color: #1a1a1a;
}

/* Search - subtle highlight */
[data-md-color-scheme="slate"] .md-search__input {
  background-color: var(--workzone-bg-light);
}

/* Footer */
[data-md-color-scheme="slate"] .md-footer {
  background-color: var(--workzone-bg-mid);
  border-top: 1px solid var(--workzone-border);
}

/* Buttons and interactive elements */
[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: var(--workzone-orange);
  color: #1a1a1a;
}

[data-md-color-scheme="slate"] .md-typeset .md-button--primary:hover {
  background-color: var(--workzone-orange-hover);
}

/* Protolab top banner - full width */
.md-banner {
  background-color: #3a823a;
  border-bottom: 1px solid #3d5c3d;
}

.md-banner__inner {
  color: #d6e5d6;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 0.4rem 1rem;
  margin: 0 auto;
}

/* Remove any button-like appearance */
.md-banner__inner a,
.md-banner__inner {
  background: transparent;
  border: none;
  box-shadow: none;
}