/* inline-tests theme - Jasmine purple + white */

:root {
  /* Brand colors */
  --jasmine-purple: #9b99e8;
  --jasmine-purple-hover: #8a88d9;
  --jasmine-purple-deep: #7c7ad6;
  --jasmine-purple-muted: rgba(155, 153, 232, 0.15);
  --jasmine-purple-light: rgba(155, 153, 232, 0.08);
  --text-dark: rgb(30 27 75);
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --surface: #f8f9ff;
  --surface-code: #f5f5fa;
  --background: #ffffff;
  --border: #e5e7eb;
  --amber: #da8325;
}

/* Light theme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--jasmine-purple);
  --md-primary-bg-color: var(--background);
  --md-accent-fg-color: var(--jasmine-purple-deep);
  --md-accent-bg-color: var(--jasmine-purple-muted);

  /* Text */
  --md-default-fg-color: var(--text-dark);
  --md-default-fg-color--light: var(--text-secondary);
  --md-default-fg-color--lighter: var(--text-muted);
  --md-default-bg-color: var(--background);

  /* Links */
  --md-typeset-a-color: var(--jasmine-purple-deep);

  /* Code */
  --md-code-bg-color: var(--surface-code);
  --md-code-fg-color: var(--text-dark);

  /* Admonitions */
  --md-admonition-bg-color: var(--surface);
}

/* Dark theme */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--jasmine-purple);
  --md-primary-bg-color: #1a1a2e;
  --md-accent-fg-color: var(--jasmine-purple);
  --md-accent-bg-color: rgba(155, 153, 232, 0.2);

  /* Text - high contrast */
  --md-default-fg-color: #FAFAF9;
  --md-default-fg-color--light: #D6D3D1;
  --md-default-fg-color--lighter: #A8A29E;
  --md-default-bg-color: #0f0f1a;

  /* Links */
  --md-typeset-a-color: var(--jasmine-purple);

  /* Code */
  --md-code-bg-color: #1e1e2e;
  --md-code-fg-color: #FAFAF9;

  /* Footer */
  --md-footer-bg-color: #1a1a2e;
  --md-footer-bg-color--dark: #0f0f1a;
  --md-footer-fg-color: #D6D3D1;
  --md-footer-fg-color--light: #A8A29E;
  --md-footer-fg-color--lighter: #78716C;
}

/* Header - dark with purple accent */
.md-header {
  background: #1e1b4b;
  border-bottom: 3px solid var(--jasmine-purple);
}

.md-header,
.md-header a,
.md-header__button {
  color: white;
}

.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

[data-md-color-scheme="slate"] .md-header {
  background: #0f0d24;
  border-bottom: 3px solid var(--jasmine-purple);
}

/* Nav sidebar */
.md-nav__title {
  color: var(--jasmine-purple-deep);
  font-weight: 600;
}

.md-nav__link--active {
  color: var(--jasmine-purple-deep);
  font-weight: 600;
}

.md-nav__link:hover {
  color: var(--jasmine-purple);
}

[data-md-color-scheme="slate"] .md-nav__title {
  color: var(--jasmine-purple);
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--jasmine-purple);
}

[data-md-color-scheme="slate"] .md-nav__link {
  color: #D6D3D1;
}

/* Tabs */
.md-tabs {
  background-color: var(--surface);
  border-bottom: 1px solid var(--border);
}

.md-tabs__link--active {
  color: var(--jasmine-purple-deep);
  border-bottom: 2px solid var(--jasmine-purple);
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #1a1a2e;
  border-bottom-color: #2a2a4e;
}

[data-md-color-scheme="slate"] .md-tabs__link--active {
  color: var(--jasmine-purple);
}

/* Code blocks - subtle purple tint */
.md-typeset code {
  background-color: var(--jasmine-purple-light);
  color: var(--jasmine-purple-deep);
  padding: 0.1em 0.4em;
  border-radius: 4px;
}

.md-typeset pre > code {
  background-color: var(--surface-code);
  color: var(--text-dark);
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: rgba(155, 153, 232, 0.15);
  color: var(--jasmine-purple);
}

/* Buttons */
.md-button--primary {
  background-color: var(--jasmine-purple);
  border-color: var(--jasmine-purple);
  color: white;
}

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

/* Content area - subtle background */
.md-content {
  background-color: var(--background);
}

[data-md-color-scheme="slate"] .md-content {
  background-color: #0f0f1a;
}

/* Headings */
.md-typeset h1 {
  color: var(--jasmine-purple-deep);
  font-weight: 600;
}

.md-typeset h2 {
  color: var(--text-dark);
  border-bottom: 2px solid var(--jasmine-purple-muted);
  padding-bottom: 0.3em;
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: var(--jasmine-purple);
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #FAFAF9;
  border-bottom-color: rgba(155, 153, 232, 0.3);
}

/* Selection highlight */
::selection {
  background-color: var(--jasmine-purple-muted);
  color: var(--text-dark);
}

[data-md-color-scheme="slate"] ::selection {
  background-color: rgba(155, 153, 232, 0.4);
  color: #FAFAF9;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--surface);
}

::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--jasmine-purple);
}

/* Tip admonitions - amber accent */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--amber);
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(218, 131, 37, 0.1);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: var(--amber);
}

/* Note admonitions - purple */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--jasmine-purple);
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: var(--jasmine-purple-muted);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: var(--jasmine-purple);
}

/* Footer - light mode */
.md-footer {
  background-color: #f5f5fa;
  border-top: 1px solid var(--border);
}

.md-footer-nav__link,
.md-footer-nav__title,
.md-footer-nav__direction {
  color: var(--text-dark);
}

.md-footer-meta {
  background-color: #eeeef5;
}

.md-footer-meta__inner {
  color: var(--text-secondary);
}

/* Footer - dark mode */
[data-md-color-scheme="slate"] .md-footer {
  background-color: #1a1a2e;
  border-top: 1px solid #2a2a4e;
}

[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: #0f0f1a;
}

[data-md-color-scheme="slate"] .md-footer-nav__link,
[data-md-color-scheme="slate"] .md-footer-nav__title,
[data-md-color-scheme="slate"] .md-footer-nav__direction {
  color: #D6D3D1;
}

[data-md-color-scheme="slate"] .md-footer-meta__inner {
  color: #A8A29E;
}

[data-md-color-scheme="slate"] .md-footer a {
  color: var(--jasmine-purple);
}

/* Table of contents */
.md-sidebar--secondary .md-nav__link--active {
  color: var(--jasmine-purple-deep);
  border-left: 2px solid var(--jasmine-purple);
  padding-left: 0.6em;
  margin-left: -2px;
}

[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link--active {
  color: var(--jasmine-purple);
}

[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__title {
  color: var(--jasmine-purple);
}

/* Copy button on code blocks */
.md-clipboard {
  color: var(--jasmine-purple);
}

.md-clipboard:hover {
  color: var(--jasmine-purple-deep);
}

/* Copy page button - override plugin's inline fixed positioning */
.md-content__inner { position: relative; }

#llms-copy-button {
  position: absolute !important;
  top: 2.5rem !important;
  right: 0 !important;
  z-index: 1 !important;
}

#llms-copy-button button {
  /* Override inline styles */
  background: var(--surface) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border) !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  /* New properties (no !important needed) */
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.15s ease;
}

#llms-copy-button button::before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") no-repeat center / contain;
}


#llms-copy-button button:hover {
  background: var(--background) !important;
  border-color: var(--jasmine-purple) !important;
  color: var(--jasmine-purple-deep) !important;
}

#llms-copy-button button:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c7ad6' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
}

/* Copy button - dark mode */
[data-md-color-scheme="slate"] #llms-copy-button button {
  background: #1e1e2e !important;
  color: #D6D3D1 !important;
  border-color: #2a2a4e !important;
}

[data-md-color-scheme="slate"] #llms-copy-button button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8A29E' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
}


[data-md-color-scheme="slate"] #llms-copy-button button:hover {
  background: #2a2a4e !important;
  border-color: var(--jasmine-purple) !important;
  color: var(--jasmine-purple) !important;
}

[data-md-color-scheme="slate"] #llms-copy-button button:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b99e8' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
}