/* ============================================================
   OurAlpha · Chainlink Blue Theme Overrides
   Applies after Source theme's built/screen.css
   ============================================================ */

:root {
  /* Brand */
  --oa-blue: #375BD2;
  --oa-blue-bright: #4570E8;
  --oa-blue-dark: #1E40B0;
  --oa-blue-deep: #0F1E5A;
  --oa-blue-soft: #EEF2FE;
  --oa-blue-light: #94B5FF;
  --oa-yellow: #FFD24D;
  --oa-yellow-dark: #E8B400;
  --oa-ink: #0A0F1F;
  --oa-ink-2: #344563;
  --oa-ink-3: #6B7280;
  --oa-line: #E5E7EB;
  --oa-bg-soft: #F5F7FB;
  --oa-bg-3: #FAFBFC;
  --oa-bull: #00875A;
  --oa-bear: #DE350B;

  /* Override Ghost's site-wide accent color */
  --ghost-accent-color: var(--oa-blue) !important;
}

/* ============================================================
   Global Type
   ============================================================ */
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  color: var(--oa-ink);
}

/* ============================================================
   Top navigation (Source's .gh-navigation)
   ============================================================ */
.gh-navigation {
  background: var(--oa-blue) !important;
  border-bottom: none !important;
  position: relative;
  z-index: 10;
}
.gh-navigation a,
.gh-navigation .gh-navigation-brand a,
.gh-navigation .gh-navigation-menu a {
  color: #FFFFFF !important;
}
.gh-navigation a:hover { opacity: 0.85; }
.gh-navigation .gh-burger-box {
  color: #FFFFFF !important;
}
.gh-navigation-logo,
.gh-navigation .gh-navigation-brand a {
  color: #FFFFFF !important;
  font-weight: 800;
  letter-spacing: -0.5px;
}

/* Subscribe button in nav becomes yellow CTA */
.gh-navigation .gh-button,
.gh-button.gh-button-accent {
  background: var(--oa-yellow) !important;
  color: var(--oa-ink) !important;
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.2px;
  border-radius: 6px;
  padding: 10px 20px !important;
  box-shadow: none !important;
}
.gh-navigation .gh-button:hover,
.gh-button.gh-button-accent:hover {
  background: var(--oa-yellow-dark) !important;
  color: var(--oa-ink) !important;
}

/* Search trigger icon white */
.gh-search-trigger,
.gh-search-icon {
  color: #FFFFFF !important;
}

/* ============================================================
   Header / Hero (Source's .gh-header for Landing style)
   ============================================================ */
.gh-header.is-landing,
.gh-header.is-search {
  background: var(--oa-blue) !important;
  color: #FFFFFF !important;
  position: relative;
  overflow: hidden;
}
.gh-header.is-landing::before {
  content: "";
  position: absolute;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(255,210,77,0.15) 0%, transparent 70%);
  top: -200px; right: -100px;
  pointer-events: none;
}
.gh-header.is-landing::after {
  content: "";
  position: absolute;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(148,181,255,0.25) 0%, transparent 70%);
  bottom: -100px; left: -50px;
  pointer-events: none;
}
.gh-header .gh-header-inner,
.gh-header .gh-canvas {
  position: relative;
  z-index: 1;
}
.gh-header h1,
.gh-header .gh-header-title {
  color: #FFFFFF !important;
  font-weight: 800;
  letter-spacing: -1.5px;
}
.gh-header p,
.gh-header .gh-header-description {
  color: rgba(255,255,255,0.85) !important;
}
.gh-header .gh-input,
.gh-header input[type="email"] {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.25) !important;
  color: #FFFFFF !important;
}
.gh-header .gh-input::placeholder,
.gh-header input[type="email"]::placeholder {
  color: rgba(255,255,255,0.55) !important;
}
.gh-header .gh-button {
  background: var(--oa-yellow) !important;
  color: var(--oa-ink) !important;
}

/* ============================================================
   Featured / Post cards
   ============================================================ */
.gh-card-tag,
.gh-article-tag {
  color: var(--oa-blue) !important;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 11px;
}
.gh-card-title:hover,
a:hover .gh-card-title {
  color: var(--oa-blue) !important;
}

/* Article body links */
.gh-content a:not(.kg-btn):not(.kg-bookmark-container) {
  color: var(--oa-blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.gh-content a:not(.kg-btn):not(.kg-bookmark-container):hover {
  color: var(--oa-blue-dark);
}

/* Disclaimer at bottom of every post */
.oa-disclaimer {
  margin-top: 3rem;
  padding: 1.2rem 1.4rem;
  background: var(--oa-blue-soft);
  border-left: 4px solid var(--oa-blue);
  border-radius: 4px;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--oa-ink-2);
}

/* Article title color */
.gh-article-title {
  color: var(--oa-ink);
  font-weight: 800;
  letter-spacing: -1px;
}

/* ============================================================
   Subscribe CTA blocks
   ============================================================ */
.gh-subscribe-cta,
.gh-portal-button-styled {
  background: linear-gradient(135deg, var(--oa-blue) 0%, var(--oa-blue-dark) 100%) !important;
  color: #FFFFFF !important;
}
.gh-subscribe-cta button,
.gh-subscribe-cta .gh-button {
  background: var(--oa-yellow) !important;
  color: var(--oa-ink) !important;
  border: none !important;
}

/* ============================================================
   Pagination
   ============================================================ */
.gh-pagination a:hover,
.gh-pagination .gh-pagination-newer,
.gh-pagination .gh-pagination-older {
  color: var(--oa-blue);
}

/* ============================================================
   Footer (Source's .gh-foot)
   ============================================================ */
.gh-foot {
  background: var(--oa-blue-deep) !important;
  color: rgba(255,255,255,0.75) !important;
}
.gh-foot a,
.gh-foot .gh-foot-menu a {
  color: rgba(255,255,255,0.75) !important;
}
.gh-foot a:hover { color: var(--oa-yellow) !important; }
.gh-foot h4, .gh-foot h6 {
  color: var(--oa-yellow) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.gh-foot .gh-foot-meta,
.gh-foot .gh-foot-copyright {
  color: rgba(255,255,255,0.5) !important;
}

/* ============================================================
   Code blocks / inline code
   ============================================================ */
.gh-content code {
  background: var(--oa-blue-soft);
  color: var(--oa-blue-dark);
  padding: 2px 6px;
  border-radius: 3px;
}

/* ============================================================
   Blockquote
   ============================================================ */
.gh-content blockquote {
  border-left: 4px solid var(--oa-yellow);
  background: var(--oa-bg-3);
  padding: 1.2rem 1.6rem;
  border-radius: 0 6px 6px 0;
}

/* ============================================================
   Selection
   ============================================================ */
::selection {
  background: var(--oa-yellow);
  color: var(--oa-ink);
}