/* docs/stylesheets/alnoms.css */

:root {
  /* Alnoms Brand Palette */
  --alnoms-indigo: #4857dc;
  --alnoms-blue-light: #48a2dc;
  --alnoms-yellow: #ffe432;
  --alnoms-green: #9acd32;
  --alnoms-top-bar: #2e2a3d;

  /* REQUIRED: These variables fix the "custom" word in your YML */
  --md-primary-fg-color:        var(--alnoms-indigo);
  --md-primary-fg-color--light: var(--alnoms-blue-light);
  --md-primary-fg-color--dark:  #3b48b5;
  --md-accent-fg-color:         var(--alnoms-blue-light);
}

/* --- HEADER FIX (image_c19474.png) --- */
.md-header {
  border-top: 4px solid var(--alnoms-top-bar) !important;
}

:root [data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
  color: var(--alnoms-indigo);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* --- THE BUTTON FIX (image_c12051.png) --- */
/* Target the buttons inside your Live Lab container specifically */
.analyzer-container .md-button {
  border: 1px solid var(--alnoms-indigo);
  transition: all 0.2s ease;
  font-weight: 600;
}

/* "Analyze" Button (Primary) */
#alnoms-run.md-button--primary {
  background-color: var(--alnoms-indigo);
  color: #ffffff !important;
  border: none;
}

/* "Deep Analyze" Button (Fixed Blending) */
#alnoms-run-deep {
  background-color: transparent;
  color: var(--alnoms-indigo);
}

/* --- DARK MODE ADJUSTMENTS --- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1e293b;
  --md-accent-fg-color: var(--alnoms-blue-light);
}

/* Make the Deep Analyze button pop against the slate background */
[data-md-color-scheme="slate"] #alnoms-run-deep {
  color: var(--alnoms-blue-light) !important;
  border-color: var(--alnoms-blue-light) !important;
}

/* Ensure the repository/header text stays white in dark mode */
[data-md-color-scheme="slate"] .md-header__source,
[data-md-color-scheme="slate"] .md-header__button {
  color: #ffffff !important;
}

/* --- HYPERLINKS --- */
:root [data-md-color-scheme="default"] .md-typeset a { color: var(--alnoms-indigo); }
[data-md-color-scheme="slate"] .md-typeset a { color: var(--alnoms-blue-light) !important; }

/* --- ADMONITIONS (Alnoms Green/Yellow) --- */
.md-typeset .admonition.success { border-left-color: var(--alnoms-green); }
.md-typeset .success > .admonition-title { background-color: rgba(154, 205, 50, 0.1); }
.md-typeset .admonition.warning { border-left-color: var(--alnoms-yellow); }
.md-typeset .warning > .admonition-title { background-color: rgba(255, 228, 50, 0.1); }