/* SpoolSense theme — matches the scanner web UI */

/* Dark mode (default) */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b0b0d;
  --md-default-fg-color: #f4f4f5;
  --md-default-fg-color--light: #a1a1aa;
  --md-default-fg-color--lighter: #71717a;
  --md-default-fg-color--lightest: #52525b;

  --md-primary-fg-color: #dc2626;
  --md-primary-fg-color--light: #ef4444;
  --md-primary-fg-color--dark: #b91c1c;
  --md-primary-bg-color: #fff;

  --md-accent-fg-color: #ef4444;

  --md-code-bg-color: #141519;
  --md-code-fg-color: #f4f4f5;

  --md-typeset-color: #f4f4f5;
  --md-typeset-a-color: #ef4444;

  --md-footer-bg-color: #09090b;
  --md-footer-bg-color--dark: #09090b;
  --md-footer-fg-color: #a1a1aa;
  --md-footer-fg-color--light: #71717a;
  --md-footer-fg-color--lighter: #52525b;
}

/* Header */
[data-md-color-scheme="slate"] .md-header {
  background: #0b0b0d;
  border-bottom: 1px solid #2a2e36;
}

/* Navigation sidebar */
[data-md-color-scheme="slate"] .md-sidebar {
  background: #0b0b0d;
}

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

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

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: #ef4444;
}

/* Content area */
[data-md-color-scheme="slate"] .md-content {
  background: #0b0b0d;
}

/* Code blocks */
[data-md-color-scheme="slate"] .highlight code,
[data-md-color-scheme="slate"] .highlighttable,
[data-md-color-scheme="slate"] code {
  background: #141519;
  border-radius: 12px;
}

[data-md-color-scheme="slate"] .md-typeset pre > code {
  border-radius: 12px;
}

/* Tables */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border: 1px solid #2a2e36;
  border-radius: 12px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: #141519;
  color: #f4f4f5;
  border-bottom: 1px solid #2a2e36;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-top: 1px solid #1a1c21;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}

/* Admonitions (info, tip, warning boxes) */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  border-radius: 14px;
  border: 1px solid #2a2e36;
  background: #141519;
}

[data-md-color-scheme="slate"] .md-typeset .admonition-title,
[data-md-color-scheme="slate"] .md-typeset summary {
  border-radius: 14px 14px 0 0;
}

/* Tabs */
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label {
  color: #a1a1aa;
}

[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label--active,
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > .tabbed-control--active {
  color: #ef4444;
}

/* Search */
[data-md-color-scheme="slate"] .md-search__form {
  background: #141519;
  border: 1px solid #2a2e36;
  border-radius: 12px;
}

/* Light mode overrides */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #dc2626;
  --md-primary-fg-color--light: #ef4444;
  --md-accent-fg-color: #dc2626;
  --md-typeset-a-color: #dc2626;
}

/* Hide header title on landing page — logo is already shown */
.md-header__title {
  font-size: 0.8rem;
}

/* Landing page hero — both modes */
.hero .cta {
  background: linear-gradient(180deg, #ef4444, #dc2626);
  border-radius: 12px;
  font-weight: 800;
}

.hero .cta-secondary {
  background: transparent;
  border: 2px solid #ef4444;
  color: #ef4444;
}

/* Feature cards on landing page */
.feature {
  background: linear-gradient(180deg, #141519, #1a1c21);
  border: 1px solid #2a2e36;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.feature:hover {
  border-color: #ef4444;
}