/* Custom styles for XPyCode documentation */

/* XPyCode Brand Colors */
:root {
  --xpy-orange: #F17730;
  --xpy-orange-hover: #E67E22;
  --xpy-orange-pressed: #d96020;
  --xpy-orange-light: rgba(241, 119, 48, 0.8);
  --xpy-white: #ffffff;
  --xpy-black: #000000;
  --xpy-dark-gray-1: #1e1e1e;
  --xpy-dark-gray-2: #2d2d30;
  --xpy-dark-gray-3: #252526;
}

/* Override Material theme primary/accent to use XPyCode orange */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #F17730;
  --md-primary-fg-color--light: #E67E22;
  --md-primary-fg-color--dark: #d96020;
  --md-accent-fg-color: #F17730;
  --md-accent-fg-color--transparent: rgba(241, 119, 48, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #F17730;
  --md-primary-fg-color--light: #E67E22;
  --md-primary-fg-color--dark: #d96020;
  --md-accent-fg-color: #F17730;
  --md-accent-fg-color--transparent: rgba(241, 119, 48, 0.1);
  --md-default-bg-color: #1e1e1e;
  --md-default-bg-color--light: #2d2d30;
}

/* Code block accent */
.highlight {
  border-left: 3px solid var(--xpy-orange);
}

/* Links and buttons with orange accent */
.md-button--primary {
  background-color: var(--xpy-orange);
  border-color: var(--xpy-orange);
}

.md-button--primary:hover {
  background-color: var(--xpy-orange-hover);
  border-color: var(--xpy-orange-hover);
}

/* Adjust figure captions */
figcaption {
  text-align: center;
  font-style: italic;
  color: var(--md-default-fg-color--light);
  margin-top: 0.5em;
}

/* Improve screenshot presentation */
figure img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Dark mode adjustments for screenshots */
[data-md-color-scheme="slate"] figure img {
  border-color: var(--md-default-fg-color--light);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}