/* DevOps AI site theme v2 (light). Shared by index and legacy content pages.
   Legacy pages keep their Tailwind markup; the remaps below translate the old
   dark palette to this theme, so new entries written with the old classes still fit. */
:root {
  --paper: #EDEFF2;
  --surface: #FFFFFF;
  --ink: #101828;
  --muted: #566173;
  --faint: #7A8494;
  --line: #CDD3DB;
  --cobalt: #2B4BEE;
  --cobalt-deep: #1C36C4;
  --cobalt-soft: rgba(43, 75, 238, .09);
  --amber: #E8A317;
  --code-bg: #0F1A2E;
}

/* Shared nav + footer */
.v2-nav { position: sticky; top: 0; z-index: 60; background: rgba(237, 239, 242, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); font-family: 'Archivo', system-ui, sans-serif; }
.v2-nav .v2-wrap { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 20px; }
.v2-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }
.v2-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); font-weight: 800; font-variation-settings: 'wdth' 118; letter-spacing: -0.02em; font-size: 18px; }
.v2-brand-mark { width: 28px; height: 28px; border-radius: 7px; background: var(--ink); display: grid; place-items: center; }
.v2-links { display: flex; gap: 26px; font-size: 15px; }
.v2-links a { text-decoration: none; color: var(--muted); }
.v2-links a:hover, .v2-links a[aria-current="page"] { color: var(--ink); }
.v2-links a[aria-current="page"] { font-weight: 650; }
.v2-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border-radius: 10px; background: var(--cobalt); color: #fff; font: 650 14px/1 'Archivo', sans-serif; text-decoration: none; transition: background-color .15s ease; }
.v2-btn:hover { background: var(--cobalt-deep); }
@media (max-width: 860px) { .v2-links { display: none; } }
.v2-footer { padding: 32px 0 48px; font: 400 14px/1.6 'Archivo', system-ui, sans-serif; color: var(--muted); border-top: 1px solid var(--line); background: var(--paper); }
.v2-footer .v2-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
.v2-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.v2-footer a { text-decoration: none; color: var(--muted); }
.v2-footer a:hover { color: var(--ink); }

/* ---------- Legacy page remap (body.v2) ---------- */
body.v2 { background: var(--paper) !important; color: var(--ink) !important; font-family: 'Archivo', system-ui, sans-serif !important; }
body.v2 h1, body.v2 h2, body.v2 h3, body.v2 h4, body.v2 .font-heading, body.v2 .font-body, body.v2 .font-sans { font-family: 'Archivo', system-ui, sans-serif !important; letter-spacing: -0.01em; }
body.v2 h1 { font-weight: 820 !important; font-variation-settings: 'wdth' 112; letter-spacing: -0.03em; }
body.v2 h2 { font-weight: 760 !important; font-variation-settings: 'wdth' 108; }
body.v2 .font-mono { font-family: 'JetBrains Mono', ui-monospace, monospace !important; }
body.v2 ::selection { background: var(--amber); color: var(--ink); }
body.v2 :focus-visible { outline: 3px solid var(--cobalt); outline-offset: 3px; }
body.v2 .liquid-blob, body.v2 .noise-overlay { display: none !important; }
body.v2 > .fixed.inset-0.pointer-events-none { display: none !important; }
body.v2 .pt-28, body.v2 .pt-32 { padding-top: 4rem !important; }

/* Surfaces */
body.v2 .glass-panel, body.v2 .glass-panel-static, body.v2 .glass-card,
body.v2 .chapter-accordion, body.v2 .bg-slate-800, body.v2 .bg-slate-800\/50, body.v2 .bg-\[\#0a1020\] {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important;
}
body.v2 .glass-panel::before { display: none !important; }
body.v2 .glass-panel:hover, body.v2 .release-card:hover { transform: none !important; }
body.v2 .chapter-accordion[open] { border-color: var(--ink) !important; }
body.v2 .release-card { border-top: 1px solid var(--line) !important; border-right: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
body.v2 .bg-slate-700 { background: #E3E7EC !important; }
body.v2 .bg-slate-900:not(body) { background: var(--paper) !important; }

/* Text */
body.v2 .text-white, body.v2 .text-slate-100, body.v2 .text-slate-200, body.v2 .text-slate-300 { color: var(--ink) !important; }
body.v2 .text-slate-400, body.v2 .text-slate-500, body.v2 .text-gray-300, body.v2 .text-gray-400, body.v2 .text-gray-500 { color: var(--muted) !important; }
body.v2 .text-slate-600 { color: var(--faint) !important; }
body.v2 .text-white\/40 { color: var(--faint) !important; }

/* Accent: legacy blue/emerald -> cobalt */
body.v2 .text-\[\#007bff\], body.v2 .text-emerald-400, body.v2 .text-emerald-500 { color: var(--cobalt) !important; }
body.v2 .bg-\[\#007bff\], body.v2 .bg-emerald-500 { background: var(--cobalt) !important; color: #fff !important; }
body.v2 .bg-\[\#007bff\]\/10, body.v2 .bg-\[\#007bff\]\/20, body.v2 .bg-emerald-500\/10, body.v2 .bg-emerald-500\/20 { background: var(--cobalt-soft) !important; }
body.v2 .border-\[\#007bff\]\/30, body.v2 .border-emerald-500\/30 { border-color: rgba(43, 75, 238, .3) !important; }
body.v2 .border-emerald-500 { border-color: var(--cobalt) !important; }
body.v2 .hover\:bg-white:hover, body.v2 .hover\:bg-emerald-400:hover { background: var(--cobalt-deep) !important; color: #fff !important; }
body.v2 .hover\:text-\[\#007bff\]:hover { color: #fff !important; }
body.v2 .hover\:text-emerald-400:hover { color: var(--cobalt) !important; }
body.v2 .hover\:bg-\[\#007bff\]\/30:hover { background: rgba(43, 75, 238, .18) !important; }
body.v2 [class*="shadow-blue"], body.v2 .shadow-lg, body.v2 .shadow-2xl { box-shadow: none !important; }
body.v2 .bg-clip-text { background: none !important; -webkit-text-fill-color: var(--cobalt) !important; color: var(--cobalt) !important; }

/* Borders */
body.v2 .border-slate-600, body.v2 .border-slate-700, body.v2 .border-slate-800,
body.v2 .border-white\/5, body.v2 .border-white\/10, body.v2 .border-white\/20 { border-color: var(--line) !important; }
body.v2 .bg-white\/5 { background: var(--surface) !important; }

/* Forms */
body.v2 input, body.v2 select, body.v2 textarea { background: var(--surface) !important; color: var(--ink) !important; border-color: var(--line) !important; }
body.v2 input::placeholder { color: var(--faint) !important; }
body.v2 input:focus { border-color: var(--cobalt) !important; box-shadow: 0 0 0 3px rgba(43, 75, 238, .18) !important; outline: none; }

/* Other hues: darker text, soft tint backgrounds */
body.v2 .text-blue-300, body.v2 .text-blue-400, body.v2 .text-blue-500 { color: #1d4ed8 !important; }
body.v2 .bg-blue-500\/10, body.v2 .bg-blue-500\/20, body.v2 .bg-blue-900\/50 { background-color: rgba(29,78,216,0.09) !important; }
body.v2 .border-blue-500\/30, body.v2 .border-blue-700 { border-color: rgba(29,78,216,0.35) !important; }
body.v2 .text-indigo-300, body.v2 .text-indigo-400, body.v2 .text-indigo-500 { color: #4338ca !important; }
body.v2 .bg-indigo-500\/10, body.v2 .bg-indigo-500\/20, body.v2 .bg-indigo-900\/50 { background-color: rgba(67,56,202,0.09) !important; }
body.v2 .border-indigo-500\/30, body.v2 .border-indigo-700 { border-color: rgba(67,56,202,0.35) !important; }
body.v2 .text-purple-300, body.v2 .text-purple-400, body.v2 .text-purple-500 { color: #7e22ce !important; }
body.v2 .bg-purple-500\/10, body.v2 .bg-purple-500\/20, body.v2 .bg-purple-900\/50 { background-color: rgba(126,34,206,0.09) !important; }
body.v2 .border-purple-500\/30, body.v2 .border-purple-700 { border-color: rgba(126,34,206,0.35) !important; }
body.v2 .text-violet-300, body.v2 .text-violet-400, body.v2 .text-violet-500 { color: #6d28d9 !important; }
body.v2 .bg-violet-500\/10, body.v2 .bg-violet-500\/20, body.v2 .bg-violet-900\/50 { background-color: rgba(109,40,217,0.09) !important; }
body.v2 .border-violet-500\/30, body.v2 .border-violet-700 { border-color: rgba(109,40,217,0.35) !important; }
body.v2 .text-green-300, body.v2 .text-green-400, body.v2 .text-green-500 { color: #15803d !important; }
body.v2 .bg-green-500\/10, body.v2 .bg-green-500\/20, body.v2 .bg-green-900\/50 { background-color: rgba(21,128,61,0.09) !important; }
body.v2 .border-green-500\/30, body.v2 .border-green-700 { border-color: rgba(21,128,61,0.35) !important; }
body.v2 .text-red-300, body.v2 .text-red-400, body.v2 .text-red-500 { color: #b91c1c !important; }
body.v2 .bg-red-500\/10, body.v2 .bg-red-500\/20, body.v2 .bg-red-900\/50 { background-color: rgba(185,28,28,0.09) !important; }
body.v2 .border-red-500\/30, body.v2 .border-red-700 { border-color: rgba(185,28,28,0.35) !important; }
body.v2 .text-orange-300, body.v2 .text-orange-400, body.v2 .text-orange-500 { color: #c2410c !important; }
body.v2 .bg-orange-500\/10, body.v2 .bg-orange-500\/20, body.v2 .bg-orange-900\/50 { background-color: rgba(194,65,12,0.09) !important; }
body.v2 .border-orange-500\/30, body.v2 .border-orange-700 { border-color: rgba(194,65,12,0.35) !important; }
body.v2 .text-amber-300, body.v2 .text-amber-400, body.v2 .text-amber-500 { color: #b45309 !important; }
body.v2 .bg-amber-500\/10, body.v2 .bg-amber-500\/20, body.v2 .bg-amber-900\/50 { background-color: rgba(180,83,9,0.09) !important; }
body.v2 .border-amber-500\/30, body.v2 .border-amber-700 { border-color: rgba(180,83,9,0.35) !important; }
body.v2 .text-yellow-300, body.v2 .text-yellow-400, body.v2 .text-yellow-500 { color: #a16207 !important; }
body.v2 .bg-yellow-500\/10, body.v2 .bg-yellow-500\/20, body.v2 .bg-yellow-900\/50 { background-color: rgba(161,98,7,0.09) !important; }
body.v2 .border-yellow-500\/30, body.v2 .border-yellow-700 { border-color: rgba(161,98,7,0.35) !important; }
body.v2 .text-cyan-300, body.v2 .text-cyan-400, body.v2 .text-cyan-500 { color: #0e7490 !important; }
body.v2 .bg-cyan-500\/10, body.v2 .bg-cyan-500\/20, body.v2 .bg-cyan-900\/50 { background-color: rgba(14,116,144,0.09) !important; }
body.v2 .border-cyan-500\/30, body.v2 .border-cyan-700 { border-color: rgba(14,116,144,0.35) !important; }
body.v2 .text-teal-300, body.v2 .text-teal-400, body.v2 .text-teal-500 { color: #0f766e !important; }
body.v2 .bg-teal-500\/10, body.v2 .bg-teal-500\/20, body.v2 .bg-teal-900\/50 { background-color: rgba(15,118,110,0.09) !important; }
body.v2 .border-teal-500\/30, body.v2 .border-teal-700 { border-color: rgba(15,118,110,0.35) !important; }
body.v2 .text-pink-300, body.v2 .text-pink-400, body.v2 .text-pink-500 { color: #be185d !important; }
body.v2 .bg-pink-500\/10, body.v2 .bg-pink-500\/20, body.v2 .bg-pink-900\/50 { background-color: rgba(190,24,93,0.09) !important; }
body.v2 .border-pink-500\/30, body.v2 .border-pink-700 { border-color: rgba(190,24,93,0.35) !important; }
body.v2 .text-rose-300, body.v2 .text-rose-400, body.v2 .text-rose-500 { color: #be123c !important; }
body.v2 .bg-rose-500\/10, body.v2 .bg-rose-500\/20, body.v2 .bg-rose-900\/50 { background-color: rgba(190,18,60,0.09) !important; }
body.v2 .border-rose-500\/30, body.v2 .border-rose-700 { border-color: rgba(190,18,60,0.35) !important; }
body.v2 .text-sky-300, body.v2 .text-sky-400, body.v2 .text-sky-500 { color: #0369a1 !important; }
body.v2 .bg-sky-500\/10, body.v2 .bg-sky-500\/20, body.v2 .bg-sky-900\/50 { background-color: rgba(3,105,161,0.09) !important; }
body.v2 .border-sky-500\/30, body.v2 .border-sky-700 { border-color: rgba(3,105,161,0.35) !important; }

/* Release cards keep their colored left rule */
body.v2 .border-l-4.border-blue-500 { border-left: 4px solid #3b82f6 !important; }
body.v2 .border-l-4.border-indigo-500 { border-left: 4px solid #6366f1 !important; }
body.v2 .border-l-4.border-purple-500 { border-left: 4px solid #a855f7 !important; }
body.v2 .border-l-4.border-violet-500 { border-left: 4px solid #8b5cf6 !important; }
body.v2 .border-l-4.border-emerald-500 { border-left: 4px solid #2B4BEE !important; }
body.v2 .border-l-4.border-green-500 { border-left: 4px solid #22c55e !important; }
body.v2 .border-l-4.border-red-500 { border-left: 4px solid #ef4444 !important; }
body.v2 .border-l-4.border-orange-500 { border-left: 4px solid #f97316 !important; }
body.v2 .border-l-4.border-amber-500 { border-left: 4px solid #f59e0b !important; }
body.v2 .border-l-4.border-yellow-500 { border-left: 4px solid #eab308 !important; }
body.v2 .border-l-4.border-cyan-500 { border-left: 4px solid #06b6d4 !important; }
body.v2 .border-l-4.border-teal-500 { border-left: 4px solid #14b8a6 !important; }
body.v2 .border-l-4.border-pink-500 { border-left: 4px solid #ec4899 !important; }
body.v2 .border-l-4.border-rose-500 { border-left: 4px solid #f43f5e !important; }
body.v2 .border-l-4.border-sky-500 { border-left: 4px solid #0ea5e9 !important; }

/* Hotmart checkout buttons */
body.v2 a.hotmart-fb { background: var(--cobalt) !important; background-image: none !important; color: #fff !important; border-radius: 10px !important; box-shadow: none !important; transform: none !important; font-family: 'Archivo', system-ui, sans-serif !important; }
body.v2 a.hotmart-fb:hover { background: var(--cobalt-deep) !important; }

/* Icons and text on solid gradient fills stay white */
body.v2 [class*="bg-gradient-to"] .text-white, body.v2 [class*="bg-gradient-to"].text-white, body.v2 [class*="bg-gradient-to"] > svg { color: #fff !important; }