/*
 * Agent Manifest — visual theme aligned with cmcp
 * Primary brand: violet (#7c3aed), dark gradient header
 * Font stack: GitHub Primer system fonts (no Google Fonts)
 */

/* ==========================================================================
   1. Color tokens
   ========================================================================== */

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color:              #7c3aed;
  --md-primary-fg-color--light:       #a78bfa;
  --md-primary-fg-color--dark:        #5b21b6;
  --md-accent-fg-color:               #0ea5e9;
  --md-accent-fg-color--transparent:  rgba(14, 165, 233, 0.10);
  --md-typeset-a-color:               #7c3aed;

  --md-default-bg-color:              #ffffff;
  --md-default-bg-color--light:       #f6f8fa;

  --agt-text:        #1f2328;
  --agt-text-muted:  #59636e;
  --agt-border:      #d1d9e0;
  --agt-surface:     #f6f8fa;
  --agt-code-bg:     #f6f8fa;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:              #818cf8;
  --md-primary-fg-color--light:       #a5b4fc;
  --md-primary-fg-color--dark:        #6366f1;
  --md-accent-fg-color:               #38bdf8;
  --md-accent-fg-color--transparent:  rgba(56, 189, 248, 0.15);
  --md-typeset-a-color:               #818cf8;

  --md-default-bg-color:              #0f0a1e;
  --md-default-bg-color--light:       #1a1033;
  --md-code-bg-color:                 #1e1533;

  --agt-text:        #f0f6fc;
  --agt-text-muted:  #9198a1;
  --agt-border:      #3d2f5c;
  --agt-surface:     #1a1033;
  --agt-code-bg:     #1e1533;
}


/* ==========================================================================
   2. Typography — GitHub Primer system font stack
   ========================================================================== */

:root {
  --agt-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --agt-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;
}

body,
.md-typeset,
.md-header,
.md-tabs,
.md-nav,
.md-footer {
  font-family: var(--agt-font-sans);
}

.md-typeset code,
.md-typeset pre,
.md-typeset kbd,
.md-code__content,
.highlight pre {
  font-family: var(--agt-font-mono);
}

.md-typeset {
  font-size: 16px;
  line-height: 1.5;
  color: var(--agt-text);
}

.md-typeset h1 {
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.25;
  color: var(--agt-text);
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #ffffff;
}

.md-typeset h2 {
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  border-bottom: 1px solid var(--agt-border);
  padding-bottom: 0.4rem;
  margin-top: 2rem;
}

.md-typeset h3 {
  font-weight: 600;
  line-height: 1.25;
  margin-top: 1.5rem;
}


/* ==========================================================================
   3. Header — dark gradient (matches cmcp)
   ========================================================================== */

.md-header {
  background: linear-gradient(135deg, #0d0a1f 0%, #071828 100%);
}


/* ==========================================================================
   4. Navigation
   ========================================================================== */

.md-nav__title {
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--agt-text-muted);
}

.md-nav__link--active {
  font-weight: 600;
  color: var(--md-primary-fg-color) !important;
}

.md-tabs__link--active {
  font-weight: 600;
  color: var(--md-primary-fg-color) !important;
}


/* ==========================================================================
   5. Code blocks
   ========================================================================== */

.md-typeset pre > code,
.md-typeset .highlight pre {
  background-color: var(--agt-code-bg);
  border: 1px solid var(--agt-border);
  border-radius: 6px;
}

.md-typeset code:not(pre code) {
  background-color: var(--agt-code-bg);
  border: 1px solid var(--agt-border);
  border-radius: 4px;
  padding: 0.1em 0.35em;
  color: var(--md-primary-fg-color);
}


/* ==========================================================================
   6. Tables — GitHub Primer style
   ========================================================================== */

.md-typeset table:not([class]) {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid var(--agt-border);
  border-radius: 6px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: var(--agt-surface);
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--agt-text);
  border-bottom: 1px solid var(--agt-border);
  padding: 0.5rem 0.75rem;
}

.md-typeset table:not([class]) td {
  border-bottom: 1px solid var(--agt-border);
  padding: 0.5rem 0.75rem;
  vertical-align: top;
}

.md-typeset table:not([class]) tr:last-child td {
  border-bottom: none;
}


/* ==========================================================================
   7. Admonitions
   ========================================================================== */

.md-typeset .admonition,
.md-typeset details {
  border-radius: 6px;
  border: 1px solid var(--agt-border);
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-primary-fg-color);
}

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

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

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #0ea5e9;
}


/* ==========================================================================
   8. Footer
   ========================================================================== */

.md-footer {
  background-color: var(--agt-surface);
  border-top: 1px solid var(--agt-border);
  color: var(--agt-text-muted);
}

.md-footer-meta {
  background-color: var(--agt-surface);
}


/* ==========================================================================
   9. Hero
   ========================================================================== */

.md-hero__inner {
  padding-top: 2rem;
}