/* ==========================================================================
   Palm Product Knowledge — Custom Theme
   Colors derived from usepalm.com brand identity
   ========================================================================== */

/* ---------- Light scheme ---------- */
[data-md-color-scheme="palm"] {
  --md-primary-fg-color: #2660c4;
  --md-primary-fg-color--light: #4a80d4;
  --md-primary-fg-color--dark: #1d4a9e;
  --md-primary-bg-color: #ffffff;

  --md-accent-fg-color: #ff823a;
  --md-accent-fg-color--transparent: rgba(255, 130, 58, 0.12);
  --md-accent-bg-color: #ffffff;

  --md-default-fg-color: #1c1c1e;
  --md-default-fg-color--light: rgba(28, 28, 30, 0.7);
  --md-default-fg-color--lighter: rgba(28, 28, 30, 0.4);
  --md-default-fg-color--lightest: rgba(28, 28, 30, 0.1);
  --md-default-bg-color: #fbfbf9;
  --md-default-bg-color--light: #f5f5f2;
  --md-default-bg-color--lighter: #f2f2ef;
  --md-default-bg-color--lightest: #eeeee9;

  --md-code-fg-color: #1c1c1e;
  --md-code-bg-color: #f2f2ef;
  --md-code-hl-color: rgba(38, 96, 196, 0.1);

  --md-typeset-a-color: #2660c4;

  --md-footer-fg-color: rgba(255, 255, 255, 0.87);
  --md-footer-fg-color--light: rgba(255, 255, 255, 0.6);
  --md-footer-fg-color--lighter: rgba(255, 255, 255, 0.3);
  --md-footer-bg-color: #1c1c1e;
  --md-footer-bg-color--dark: #141416;
}

/* ---------- Dark scheme ---------- */
[data-md-color-scheme="palm-dark"] {
  --md-primary-fg-color: #5b8fe6;
  --md-primary-fg-color--light: #7ba5ec;
  --md-primary-fg-color--dark: #3d72c4;
  --md-primary-bg-color: #1c1c1e;

  --md-accent-fg-color: #ff9f5f;
  --md-accent-fg-color--transparent: rgba(255, 159, 95, 0.12);
  --md-accent-bg-color: #1c1c1e;

  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.6);
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.3);
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);
  --md-default-bg-color: #1c1c1e;
  --md-default-bg-color--light: #242426;
  --md-default-bg-color--lighter: #2c2c2e;
  --md-default-bg-color--lightest: #38383a;

  --md-code-fg-color: rgba(255, 255, 255, 0.87);
  --md-code-bg-color: #2c2c2e;
  --md-code-hl-color: rgba(91, 143, 230, 0.15);

  --md-typeset-a-color: #5b8fe6;

  --md-footer-fg-color: rgba(255, 255, 255, 0.87);
  --md-footer-fg-color--light: rgba(255, 255, 255, 0.6);
  --md-footer-fg-color--lighter: rgba(255, 255, 255, 0.3);
  --md-footer-bg-color: #141416;
  --md-footer-bg-color--dark: #0c0c0e;
}

/* ---------- Admonitions ---------- */
:root {
  --md-admonition-fg-color: var(--md-default-fg-color);
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 6px;
  border-width: 1px;
  border-left-width: 4px;
  box-shadow: none;
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #2660c4;
}

.md-typeset .admonition.tip,
.md-typeset details.tip,
.md-typeset .admonition.success,
.md-typeset details.success {
  border-color: #2e9e6e;
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #e8a735;
}

.md-typeset .admonition.danger,
.md-typeset details.danger,
.md-typeset .admonition.bug,
.md-typeset details.bug {
  border-color: #d94848;
}

.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #4a80d4;
}

/* ---------- Buttons ---------- */
.md-typeset .md-button {
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: #ffffff;
}

.md-typeset .md-button--primary:hover {
  background-color: var(--md-primary-fg-color--dark);
  border-color: var(--md-primary-fg-color--dark);
}

/* ---------- Tables ---------- */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: 0.82rem;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-default-bg-color--lighter);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

.md-typeset table:not([class]) tr:nth-child(even) td {
  background-color: var(--md-default-bg-color--light);
}

.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border-color: var(--md-default-fg-color--lightest);
  padding: 0.6rem 0.8rem;
}

/* ---------- Blockquotes ---------- */
.md-typeset blockquote {
  border-left: 3px solid var(--md-accent-fg-color);
  color: var(--md-default-fg-color--light);
  padding-left: 1rem;
  margin-left: 0;
}

/* ---------- Homepage hero ---------- */
.md-typeset h1 {
  font-weight: 700;
}

/* Larger hero title on homepage (when toc is hidden) */
.md-content--hide-toc .md-typeset h1 {
  font-size: 2.2rem;
  margin-bottom: 0.4rem;
}

.md-content--hide-toc > .md-typeset > p:first-of-type {
  font-size: 1.15rem;
  color: var(--md-default-fg-color--light);
  line-height: 1.6;
}

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

/* ---------- Header ---------- */
.md-header {
  background-color: var(--md-primary-fg-color);
}

/* ---------- Horizontal rules ---------- */
.md-typeset hr {
  border-color: var(--md-default-fg-color--lightest);
}

/* ---------- Code blocks ---------- */
.md-typeset code {
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

.md-typeset pre > code {
  border-radius: 6px;
}

/* ---------- Search ---------- */
.md-search__input {
  border-radius: 6px;
}

/* ---------- Status badges ---------- */
.md-status--new::after {
  background-color: #2e9e6e;
}

.md-status--draft::after {
  background-color: #e8a735;
}