/* Inter Tight for headings — matches 3common.com */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: "Inter Tight", var(--md-text-font), sans-serif;
  font-weight: 600;
}

/* ----------------------------------------------------------------
   Admonition colors — 3Common brand (light mode)
   Each type needs: background, border, icon (::before), arrow (::after)
   ---------------------------------------------------------------- */
[data-md-color-scheme="default"] {

  /* note — slate */
  .md-typeset .admonition.note,
  .md-typeset details.note       { border-color: #64748b; background-color: rgba(100, 116, 139, 0.1); }
  .md-typeset .note > .admonition-title::before,
  .md-typeset .note > summary::before { background-color: #64748b; }
  .md-typeset .note > .admonition-title::after,
  .md-typeset .note > summary::after { color: #64748b; }

  /* abstract — slate */
  .md-typeset .admonition.abstract,
  .md-typeset details.abstract   { border-color: #64748b; background-color: rgba(100, 116, 139, 0.1); }
  .md-typeset .abstract > .admonition-title::before,
  .md-typeset .abstract > summary::before { background-color: #64748b; }
  .md-typeset .abstract > .admonition-title::after,
  .md-typeset .abstract > summary::after { color: #64748b; }

  /* info — navy */
  .md-typeset .admonition.info,
  .md-typeset details.info       { border-color: #0F172A; background-color: rgba(15, 23, 42, 0.075); }
  .md-typeset .info > .admonition-title::before,
  .md-typeset .info > summary::before { background-color: #0F172A; }
  .md-typeset .info > .admonition-title::after,
  .md-typeset .info > summary::after { color: #0F172A; }

  /* tip — 3Common green */
  .md-typeset .admonition.tip,
  .md-typeset details.tip        { border-color: #00d37e; background-color: rgba(0, 211, 126, 0.1); }
  .md-typeset .tip > .admonition-title::before,
  .md-typeset .tip > summary::before { background-color: #00d37e; }
  .md-typeset .tip > .admonition-title::after,
  .md-typeset .tip > summary::after { color: #00d37e; }

  /* success — dark green */
  .md-typeset .admonition.success,
  .md-typeset details.success    { border-color: #0a9665; background-color: rgba(10, 150, 101, 0.1); }
  .md-typeset .success > .admonition-title::before,
  .md-typeset .success > summary::before { background-color: #0a9665; }
  .md-typeset .success > .admonition-title::after,
  .md-typeset .success > summary::after { color: #0a9665; }

  /* question — 3Common green */
  .md-typeset .admonition.question,
  .md-typeset details.question   { border-color: #00d37e; background-color: rgba(0, 211, 126, 0.1); }
  .md-typeset .question > .admonition-title::before,
  .md-typeset .question > summary::before { background-color: #00d37e; }
  .md-typeset .question > .admonition-title::after,
  .md-typeset .question > summary::after { color: #00d37e; }

  /* warning — amber */
  .md-typeset .admonition.warning,
  .md-typeset details.warning    { border-color: #f59e0b; background-color: rgba(245, 158, 11, 0.1); }
  .md-typeset .warning > .admonition-title::before,
  .md-typeset .warning > summary::before { background-color: #f59e0b; }
  .md-typeset .warning > .admonition-title::after,
  .md-typeset .warning > summary::after { color: #f59e0b; }

  /* failure — red */
  .md-typeset .admonition.failure,
  .md-typeset details.failure    { border-color: #ef4444; background-color: rgba(239, 68, 68, 0.1); }
  .md-typeset .failure > .admonition-title::before,
  .md-typeset .failure > summary::before { background-color: #ef4444; }
  .md-typeset .failure > .admonition-title::after,
  .md-typeset .failure > summary::after { color: #ef4444; }

  /* danger — red */
  .md-typeset .admonition.danger,
  .md-typeset details.danger     { border-color: #ef4444; background-color: rgba(239, 68, 68, 0.1); }
  .md-typeset .danger > .admonition-title::before,
  .md-typeset .danger > summary::before { background-color: #ef4444; }
  .md-typeset .danger > .admonition-title::after,
  .md-typeset .danger > summary::after { color: #ef4444; }

  /* bug — amber */
  .md-typeset .admonition.bug,
  .md-typeset details.bug        { border-color: #f59e0b; background-color: rgba(245, 158, 11, 0.1); }
  .md-typeset .bug > .admonition-title::before,
  .md-typeset .bug > summary::before { background-color: #f59e0b; }
  .md-typeset .bug > .admonition-title::after,
  .md-typeset .bug > summary::after { color: #f59e0b; }

  /* example — slate */
  .md-typeset .admonition.example,
  .md-typeset details.example    { border-color: #334155; background-color: rgba(51, 65, 85, 0.075); }
  .md-typeset .example > .admonition-title::before,
  .md-typeset .example > summary::before { background-color: #334155; }
  .md-typeset .example > .admonition-title::after,
  .md-typeset .example > summary::after { color: #334155; }

  /* quote — light slate */
  .md-typeset .admonition.quote,
  .md-typeset details.quote      { border-color: #94a3b8; background-color: rgba(148, 163, 184, 0.1); }
  .md-typeset .quote > .admonition-title::before,
  .md-typeset .quote > summary::before { background-color: #94a3b8; }
  .md-typeset .quote > .admonition-title::after,
  .md-typeset .quote > summary::after { color: #94a3b8; }
}

/* ----------------------------------------------------------------
   Admonition colors — dark mode (lighter for visibility)
   ---------------------------------------------------------------- */
[data-md-color-scheme="slate"] {

  /* note */
  .md-typeset .admonition.note,
  .md-typeset details.note       { border-color: #94a3b8; background-color: rgba(148, 163, 184, 0.1); }
  .md-typeset .note > .admonition-title::before,
  .md-typeset .note > summary::before { background-color: #94a3b8; }
  .md-typeset .note > .admonition-title::after,
  .md-typeset .note > summary::after { color: #94a3b8; }

  /* abstract */
  .md-typeset .admonition.abstract,
  .md-typeset details.abstract   { border-color: #94a3b8; background-color: rgba(148, 163, 184, 0.1); }
  .md-typeset .abstract > .admonition-title::before,
  .md-typeset .abstract > summary::before { background-color: #94a3b8; }
  .md-typeset .abstract > .admonition-title::after,
  .md-typeset .abstract > summary::after { color: #94a3b8; }

  /* info */
  .md-typeset .admonition.info,
  .md-typeset details.info       { border-color: #93c5fd; background-color: rgba(147, 197, 253, 0.1); }
  .md-typeset .info > .admonition-title::before,
  .md-typeset .info > summary::before { background-color: #93c5fd; }
  .md-typeset .info > .admonition-title::after,
  .md-typeset .info > summary::after { color: #93c5fd; }

  /* tip */
  .md-typeset .admonition.tip,
  .md-typeset details.tip        { border-color: #33cc98; background-color: rgba(51, 204, 152, 0.1); }
  .md-typeset .tip > .admonition-title::before,
  .md-typeset .tip > summary::before { background-color: #33cc98; }
  .md-typeset .tip > .admonition-title::after,
  .md-typeset .tip > summary::after { color: #33cc98; }

  /* success */
  .md-typeset .admonition.success,
  .md-typeset details.success    { border-color: #33cc98; background-color: rgba(51, 204, 152, 0.1); }
  .md-typeset .success > .admonition-title::before,
  .md-typeset .success > summary::before { background-color: #33cc98; }
  .md-typeset .success > .admonition-title::after,
  .md-typeset .success > summary::after { color: #33cc98; }

  /* question */
  .md-typeset .admonition.question,
  .md-typeset details.question   { border-color: #33cc98; background-color: rgba(51, 204, 152, 0.1); }
  .md-typeset .question > .admonition-title::before,
  .md-typeset .question > summary::before { background-color: #33cc98; }
  .md-typeset .question > .admonition-title::after,
  .md-typeset .question > summary::after { color: #33cc98; }

  /* warning */
  .md-typeset .admonition.warning,
  .md-typeset details.warning    { border-color: #fbbf24; background-color: rgba(251, 191, 36, 0.1); }
  .md-typeset .warning > .admonition-title::before,
  .md-typeset .warning > summary::before { background-color: #fbbf24; }
  .md-typeset .warning > .admonition-title::after,
  .md-typeset .warning > summary::after { color: #fbbf24; }

  /* failure */
  .md-typeset .admonition.failure,
  .md-typeset details.failure    { border-color: #f87171; background-color: rgba(248, 113, 113, 0.1); }
  .md-typeset .failure > .admonition-title::before,
  .md-typeset .failure > summary::before { background-color: #f87171; }
  .md-typeset .failure > .admonition-title::after,
  .md-typeset .failure > summary::after { color: #f87171; }

  /* danger */
  .md-typeset .admonition.danger,
  .md-typeset details.danger     { border-color: #f87171; background-color: rgba(248, 113, 113, 0.1); }
  .md-typeset .danger > .admonition-title::before,
  .md-typeset .danger > summary::before { background-color: #f87171; }
  .md-typeset .danger > .admonition-title::after,
  .md-typeset .danger > summary::after { color: #f87171; }

  /* bug */
  .md-typeset .admonition.bug,
  .md-typeset details.bug        { border-color: #fbbf24; background-color: rgba(251, 191, 36, 0.1); }
  .md-typeset .bug > .admonition-title::before,
  .md-typeset .bug > summary::before { background-color: #fbbf24; }
  .md-typeset .bug > .admonition-title::after,
  .md-typeset .bug > summary::after { color: #fbbf24; }

  /* example */
  .md-typeset .admonition.example,
  .md-typeset details.example    { border-color: #94a3b8; background-color: rgba(148, 163, 184, 0.075); }
  .md-typeset .example > .admonition-title::before,
  .md-typeset .example > summary::before { background-color: #94a3b8; }
  .md-typeset .example > .admonition-title::after,
  .md-typeset .example > summary::after { color: #94a3b8; }

  /* quote */
  .md-typeset .admonition.quote,
  .md-typeset details.quote      { border-color: #cbd5e1; background-color: rgba(203, 213, 225, 0.075); }
  .md-typeset .quote > .admonition-title::before,
  .md-typeset .quote > summary::before { background-color: #cbd5e1; }
  .md-typeset .quote > .admonition-title::after,
  .md-typeset .quote > summary::after { color: #cbd5e1; }
}

/* ----------------------------------------------------------------
   3Common brand colors — light mode
   ---------------------------------------------------------------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0F172A;
  --md-primary-fg-color--light: #334155;
  --md-primary-fg-color--dark:  #0F172A;

  --md-accent-fg-color:         #00d37e;
  --md-accent-fg-color--transparent: rgba(0, 211, 126, 0.1);

  --md-typeset-a-color:         #00d37e;
}

/* Hide site name text in header — logo is sufficient, title stays in browser tab */
.md-header__topic:first-child .md-ellipsis {
  display: none;
}

/* Logo swap: light mode uses default logo, dark mode uses white logo */
[data-md-color-scheme="default"] .md-header__button.md-logo img {
  content: url("../assets/logo.webp");
}

[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  content: url("../assets/3COM_Logo_Horiz_FullWhite_sm.png");
}

/* ----------------------------------------------------------------
   3Common brand colors — dark mode
   ---------------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0F172A;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark:  #0F172A;

  --md-accent-fg-color:         #33cc98;
  --md-accent-fg-color--transparent: rgba(51, 204, 152, 0.1);

  --md-typeset-a-color:         #33cc98;
}