:root {
  --tm-blue: #1269f5;
  --tm-blue-dark: #0d5ede;
  --tm-ink: #121522;
  --tm-canvas: #f7f8fc;
  --pf-v5-global--primary-color--100: var(--tm-blue);
  --pf-v5-global--primary-color--200: var(--tm-blue-dark);
  --pf-t--global--color--brand--default: var(--tm-blue);
  --pf-t--global--color--brand--hover: var(--tm-blue-dark);
}

body,
.pf-v5-c-page,
.pf-v6-c-page {
  background: var(--tm-canvas) !important;
  color: var(--tm-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.pf-v5-c-masthead,
.pf-v6-c-masthead,
.pf-v5-c-page__header {
  background: #fff !important;
  border-bottom: 1px solid #e7e9f0 !important;
  box-shadow: none !important;
}

.pf-v5-c-brand,
.pf-v6-c-brand {
  position: relative;
  width: 190px !important;
  min-width: 190px !important;
  color: transparent !important;
}

.pf-v5-c-brand img,
.pf-v6-c-brand img { display: none !important; }

.pf-v5-c-brand::after,
.pf-v6-c-brand::after {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  content: "themike.io";
  color: var(--tm-ink);
  font-size: 25px;
  font-weight: 750;
  letter-spacing: -.045em;
}

.pf-v5-c-page__sidebar,
.pf-v6-c-page__sidebar,
.pf-v5-c-nav,
.pf-v6-c-nav { background: #111827 !important; }

.pf-v5-c-nav__link.pf-m-current,
.pf-v6-c-nav__link.pf-m-current {
  border-left-color: var(--tm-blue) !important;
  background: rgba(255, 255, 255, .08) !important;
}

.pf-v5-c-button.pf-m-primary,
.pf-v6-c-button.pf-m-primary {
  border-radius: 10px !important;
  background: var(--tm-blue) !important;
  box-shadow: none !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v6-c-button.pf-m-primary:hover { background: var(--tm-blue-dark) !important; }

.pf-v5-c-card,
.pf-v6-c-card,
.pf-v5-c-modal-box,
.pf-v6-c-modal-box { border-radius: 16px !important; }