/* Custom styles for SBGrid ARC Wiki */

/* Define custom navy blue color palette and text colors */
:root {
  --md-primary-fg-color: #1e3a8a;        /* Navy blue primary */
  --md-primary-fg-color--light: #3b82f6;  /* Lighter blue for hover states */
  --md-primary-fg-color--dark: #1e40af;   /* Darker blue for pressed states */
  --md-accent-fg-color: #1e3a8a;          /* Navy blue accent */
  --md-accent-fg-color--transparent: #1e3a8a1a; /* Navy blue transparent */
  
  /* Light mode text colors */
  --md-default-fg-color: #000000;         /* Black text for light mode */
  --md-default-fg-color--light: #333333;  /* Dark gray for secondary text */
  --md-default-fg-color--lighter: #666666; /* Medium gray for tertiary text */
  --md-default-fg-color--lightest: #999999; /* Light gray for borders/dividers */
}

/* Dark mode navy colors and text */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #60a5fa;        /* Lighter navy for dark mode */
  --md-primary-fg-color--light: #93c5fd; /* Even lighter for hover in dark */
  --md-primary-fg-color--dark: #3b82f6;  /* Medium blue for pressed in dark */
  --md-accent-fg-color: #60a5fa;         /* Lighter navy accent for dark */
  --md-accent-fg-color--transparent: #60a5fa1a;
  
  /* Dark mode text colors */
  --md-default-fg-color: #ffffff;         /* White text for dark mode */
  --md-default-fg-color--light: #cccccc;  /* Light gray for secondary text */
  --md-default-fg-color--lighter: #999999; /* Medium gray for tertiary text */
  --md-default-fg-color--lightest: #666666; /* Dark gray for borders/dividers */
}

/* Preserve custom styling from original wiki */
.md-header {
  background-color: var(--md-primary-fg-color);
}

/* Navigation tabs styling */
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

.md-tabs__item {
  color: rgba(255, 255, 255, 0.7);
}

.md-tabs__link--active,
.md-tabs__item:hover {
  color: #ffffff;
  opacity: 1;
}

/* Style for SBGrid logo in navigation */
.md-nav__title img {
  max-height: 32px;
  vertical-align: middle;
  margin-right: 8px;
}

/* Additional spacing for better readability */
.md-content__inner {
  margin: 0 1rem;
}

/* Style tables to match original design */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset table:not([class]) th {
  background-color: var(--md-default-fg-color--lightest);
  font-weight: 700;
}

/* Ensure code blocks are properly styled */
.md-typeset pre {
  background-color: var(--md-code-bg-color);
}

/* Custom admonition for included content */
.md-typeset .admonition.note .admonition-title::before {
  content: "📄";
}

/* Ensure links use navy color */
.md-typeset a {
  color: var(--md-primary-fg-color);
}

.md-typeset a:hover {
  color: var(--md-primary-fg-color--light);
}

/* Navigation sidebar active items */
.md-nav__item--active > .md-nav__link {
  color: var(--md-primary-fg-color);
}

.md-nav__item .md-nav__link:hover {
  color: var(--md-primary-fg-color);
}

/* Search box and buttons */
.md-search__form {
  background-color: rgba(255, 255, 255, 0.12);
}

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

/* Footer links */
.md-footer-meta__inner a {
  color: var(--md-primary-fg-color--light);
}

/* Code blocks and inline code in navy theme */
.md-typeset code {
  background-color: rgba(30, 58, 138, 0.1);
  color: var(--md-primary-fg-color--dark);
}

/* Table of contents active items */
.md-nav--secondary .md-nav__item--active > .md-nav__link {
  color: var(--md-primary-fg-color);
  border-left: 2px solid var(--md-primary-fg-color);
}

/* Ensure proper text colors in content areas */
.md-typeset {
  color: var(--md-default-fg-color);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--md-default-fg-color);
}

.md-typeset p,
.md-typeset li,
.md-typeset td,
.md-typeset th {
  color: var(--md-default-fg-color);
}

/* Navigation text colors */
.md-nav__title,
.md-nav__item .md-nav__link {
  color: var(--md-default-fg-color--light);
}

.md-nav__item .md-nav__link:hover {
  color: var(--md-primary-fg-color);
}

/* Sidebar navigation */
.md-sidebar .md-nav--primary .md-nav__title {
  color: var(--md-default-fg-color);
}

/* Search input text */
.md-search__input {
  color: var(--md-default-fg-color);
}

.md-search__input::placeholder {
  color: var(--md-default-fg-color--lighter);
}

/* Breadcrumbs and secondary navigation */
.md-nav--secondary .md-nav__title {
  color: var(--md-default-fg-color--light);
}

.md-nav--secondary .md-nav__link {
  color: var(--md-default-fg-color--light);
}

/* Footer text */
.md-footer-meta {
  color: var(--md-default-fg-color--light);
}

/* Table headers and content */
.md-typeset table:not([class]) th {
  color: var(--md-default-fg-color);
  background-color: var(--md-default-fg-color--lightest);
}

.md-typeset table:not([class]) td {
  color: var(--md-default-fg-color);
}