/* ============================================================================
   OI PAY — Developer docs: premium Material polish (loaded after theme.css)
   ========================================================================== */
:root {
  --oip-primary: #5a4bff;
  --oip-primary-hover: #4a3ce6;
  --oip-line: #e7e9f2;
  --oip-radius: 14px;
  --oip-radius-pill: 999px;
  --oip-elev-2: 0 8px 24px rgba(20,22,60,.09), 0 2px 8px rgba(20,22,60,.05);
}

body { font-family: "Inter", "Hind Siliguri", -apple-system, "Segoe UI", Roboto, sans-serif; color: #14151c; }
h1, h2, h3, h4, h5 { font-family: "Inter", "Hind Siliguri", sans-serif; font-weight: 800; letter-spacing: -.02em; }

.header.fixed-top {
  background: color-mix(in srgb, #fff 88%, transparent);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--oip-line);
  box-shadow: none;
}

a { color: var(--oip-primary); }
a:hover { color: var(--oip-primary-hover); }

.btn-primary, .search-btn {
  background: var(--oip-primary); border-color: var(--oip-primary);
  border-radius: var(--oip-radius-pill); font-weight: 700;
}
.btn-primary:hover { background: var(--oip-primary-hover); border-color: var(--oip-primary-hover); box-shadow: var(--oip-elev-2); }

.search-input, .form-control { border-radius: var(--oip-radius-pill); border: 1px solid var(--oip-line); }
.search-input:focus, .form-control:focus {
  border-color: var(--oip-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--oip-primary) 20%, transparent);
}

.docs-nav .nav-link.active, .docs-sidebar .nav-link.active { color: var(--oip-primary); font-weight: 700; }
.docs-nav .nav-link:hover { color: var(--oip-primary); }

.docs-content pre, pre[class*="language-"], code {
  border-radius: var(--oip-radius); border: 1px solid var(--oip-line);
}

.card, .callout, .docs-section .table {
  border-radius: var(--oip-radius) !important; border: 1px solid var(--oip-line);
}

.footer { background: #0f1017; }
.footer .social-list a { color: #a9abbc; }
.footer .social-list a:hover { color: #fff; }