/* =========================================================
   aashishg.com — theme harmonizer (inner pages)
   Applies the 2026 editorial aesthetic to Hugo Blox theme pages.
   Skips the home page (which has its own bespoke layout).
   ========================================================= */

body:not(.ag-home) {
  --agh-bg: #f4efe6;
  --agh-bg-soft: #ffffff;
  --agh-ink: #0b0b0d;
  --agh-ink-dim: #5a564e;
  --agh-line: rgba(11, 11, 13, 0.1);
  --agh-accent: #ff7a3d;
  --agh-accent-2: #c8b6ff;

  --agh-display: "Instrument Serif", "Times New Roman", serif;
  --agh-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --agh-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  background: var(--agh-bg) !important;
  color: var(--agh-ink) !important;
  font-family: var(--agh-sans) !important;
  font-feature-settings: "ss01", "cv11";
  letter-spacing: -0.005em;
}

/* dark mode */
.dark body:not(.ag-home),
html.dark body:not(.ag-home) {
  --agh-bg: #0b0b0d;
  --agh-bg-soft: #131316;
  --agh-ink: #f4efe6;
  --agh-ink-dim: #a8a39a;
  --agh-line: rgba(244, 239, 230, 0.1);
}

/* ---------- type ---------- */
body:not(.ag-home) h1,
body:not(.ag-home) h2,
body:not(.ag-home) h3,
body:not(.ag-home) .prose h1,
body:not(.ag-home) .prose h2,
body:not(.ag-home) .prose h3,
body:not(.ag-home) article h1,
body:not(.ag-home) article h2 {
  font-family: var(--agh-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  color: var(--agh-ink) !important;
}
body:not(.ag-home) h1 { line-height: 1; }
body:not(.ag-home) p,
body:not(.ag-home) li,
body:not(.ag-home) .prose p {
  color: var(--agh-ink) !important;
  font-family: var(--agh-sans) !important;
}
body:not(.ag-home) a { color: var(--agh-ink); }
body:not(.ag-home) .prose a,
body:not(.ag-home) article a { color: var(--agh-accent); text-decoration: none; border-bottom: 1px solid currentColor; }
body:not(.ag-home) .prose a:hover { color: var(--agh-ink); }

/* ---------- navbar ---------- */
body:not(.ag-home) .site-header,
body:not(.ag-home) header.navbar,
body:not(.ag-home) nav.navbar {
  background: var(--agh-bg) !important;
  border-bottom: 1px solid var(--agh-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
}
body:not(.ag-home) .navbar-brand,
body:not(.ag-home) .site-title {
  font-family: var(--agh-sans) !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.01em !important;
}
body:not(.ag-home) .navbar a,
body:not(.ag-home) .site-header a {
  font-family: var(--agh-mono) !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--agh-ink-dim) !important;
}
body:not(.ag-home) .navbar a:hover,
body:not(.ag-home) .site-header a:hover { color: var(--agh-ink) !important; }

/* ---------- page body wrapper ---------- */
body:not(.ag-home) .page-body {
  background: var(--agh-bg) !important;
}

/* ---------- cards (post list, publication list) ---------- */
body:not(.ag-home) [role="article"],
body:not(.ag-home) .pub-list-item,
body:not(.ag-home) article.group {
  background: var(--agh-bg-soft) !important;
  border: 1px solid var(--agh-line) !important;
  box-shadow: none !important;
  border-radius: 22px !important;
  transition: transform .3s ease, border-color .3s ease;
}
body:not(.ag-home) [role="article"]:hover,
body:not(.ag-home) .pub-list-item:hover,
body:not(.ag-home) article.group:hover {
  transform: translateY(-3px);
  border-color: rgba(11, 11, 13, 0.2) !important;
}
.dark body:not(.ag-home) [role="article"]:hover,
.dark body:not(.ag-home) .pub-list-item:hover,
.dark body:not(.ag-home) article.group:hover {
  border-color: rgba(244, 239, 230, 0.25) !important;
}

/* ---------- category / tag pills ---------- */
body:not(.ag-home) .badge,
body:not(.ag-home) a.badge,
body:not(.ag-home) .article-categories a,
body:not(.ag-home) .article-tags a {
  background: transparent !important;
  border: 1px solid var(--agh-line) !important;
  color: var(--agh-ink) !important;
  font-family: var(--agh-mono) !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 999px !important;
}

/* ---------- footer ---------- */
body:not(.ag-home) .page-footer,
body:not(.ag-home) footer.site-footer {
  background: var(--agh-bg) !important;
  border-top: 1px solid var(--agh-line) !important;
  color: var(--agh-ink-dim) !important;
  font-family: var(--agh-mono) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.04em !important;
}
body:not(.ag-home) .page-footer a { color: var(--agh-ink) !important; }

/* ---------- buttons ---------- */
body:not(.ag-home) .btn,
body:not(.ag-home) button.btn,
body:not(.ag-home) a.btn {
  border-radius: 999px !important;
  font-family: var(--agh-sans) !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  border: 1px solid var(--agh-line) !important;
  background: transparent !important;
  color: var(--agh-ink) !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
body:not(.ag-home) .btn:hover {
  background: var(--agh-ink) !important;
  color: var(--agh-bg) !important;
  border-color: var(--agh-ink) !important;
}

/* ---------- subtle grain layer for inner pages ---------- */
body:not(.ag-home)::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.04;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}