/* ─── WEARFITS Brand: Black/White + #5EF0CD accent, Geist font ─── */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap');

:root,
[data-md-color-scheme="slate"],
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #000 !important;
  --md-primary-bg-color: #fff !important;
  --md-accent-fg-color: #5EF0CD !important;
  --md-accent-bg-color: #1a1a1a !important;
  --md-default-bg-color: #0a0a0a !important;
  --md-default-fg-color: #e5e5e5 !important;
  --md-default-fg-color--light: #a0a0a0 !important;
  --md-default-fg-color--lighter: #666 !important;
  --md-default-fg-color--lightest: #2a2a2a !important;
  --md-typeset-a-color: #5EF0CD !important;
  --md-code-bg-color: #141414 !important;
  --md-code-fg-color: #e5e5e5 !important;
  --md-code-hl-color: rgba(94, 240, 205, 0.15) !important;
  --md-footer-bg-color: #0a0a0a !important;
  --md-footer-fg-color: #a0a0a0 !important;
  --md-text-font: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;
  --md-code-font: "Geist Mono", "SF Mono", monospace;
}

body { background: #0a0a0a !important; }

/* Font sizes — slightly smaller than MkDocs defaults */
.md-typeset { font-size: 0.75rem !important; }
.md-nav { font-size: 0.65rem !important; }
.md-nav__link { font-size: 0.65rem !important; }
.md-header__title { font-size: 0.75rem !important; }
.md-search__input { font-size: 0.75rem !important; }
#chat-input { font-size: 0.75rem !important; }
#chat-send, #chat-reset { font-size: 0.7rem !important; }
.md-grid { max-width: 1440px; }
.md-content__inner { max-width: 1200px; }

/* Header */
.md-header {
  background: #000 !important;
  border-bottom: 1px solid #1a1a1a;
}
.md-header__title { font-weight: 600; color: #fff !important; }
.md-header__topic { color: #fff !important; }
.md-header .md-icon { color: #fff !important; }

/* Sidebar */
.md-sidebar { background: #0a0a0a; }
.md-nav__link { color: #a0a0a0 !important; }
.md-nav__link--active, .md-nav__link:hover, .md-nav__link:focus { color: #5EF0CD !important; }
.md-nav__item--active > .md-nav__link { color: #5EF0CD !important; font-weight: 600; }

/* Links */
.md-typeset a { color: #5EF0CD !important; }
.md-typeset a:hover { color: #7ff5da !important; }

/* Headings */
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 { color: #fff !important; }

/* Search */
.md-search__input { background: #141414 !important; color: #e5e5e5 !important; }
.md-search__input::placeholder { color: #666 !important; }

/* Tables */
.md-typeset table:not([class]) th { background: #141414 !important; color: #e5e5e5 !important; border-color: #2a2a2a !important; }
.md-typeset table:not([class]) td { border-color: #2a2a2a !important; }
.md-typeset table:not([class]) tr:hover td { background: rgba(94, 240, 205, 0.05) !important; }

/* Code */
.md-typeset code { background: #141414 !important; color: #5EF0CD !important; border-radius: 4px; }
.md-typeset pre > code { color: #e5e5e5 !important; border-radius: 6px; }

/* Content & footer */
.md-content { background: #0a0a0a; }
.md-footer { background: #000 !important; border-top: 1px solid #1a1a1a; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* ─── Chat ─── */
:has(#chat-app) .md-content__inner, .md-content__inner:has(#chat-app) { max-width: none; }
.chat-msg-user { background: #5EF0CD !important; color: #000 !important; }
#chat-send { background: #5EF0CD !important; color: #000 !important; font-weight: 700; }
#chat-send:hover { background: #7ff5da !important; }
#chat-input { background: #141414 !important; color: #e5e5e5 !important; border-color: #2a2a2a !important; }
#chat-input:focus { outline-color: #5EF0CD !important; }
#chat-messages { background: #0e0e0e !important; border-color: #1a1a1a !important; }
#chat-reset { color: #a0a0a0 !important; border-color: #2a2a2a !important; }
#chat-reset:hover { background: #1a1a1a !important; }