/* ============================================================
   DigiLakshya — Theme v2 (2026-07) — light editorial skin
   Anton display + Montserrat body · signature blue #1159da
   Loads AFTER responsive-2026.css and BEFORE dark-2026.css so
   dark mode keeps winning. Re-skins the shared shell (navbar +
   footer) and global marketing typography/buttons sitewide.
   The homepage carries its own styles scoped under .hp2; the
   dark-mode token map for .hp2 lives at the bottom of this file.
   ============================================================ */

:root{
  --tv2-blue:#1159da; --tv2-blue-dark:#0d3f9e; --tv2-blue-light:#eef3fe;
  --tv2-ink:#191b21; --tv2-mut:#5d5f68;
  --tv2-navy:#0b1626; --tv2-navy-2:#0f1d31;
}

/* ---------------- Global typography ---------------- */
body{font-family:'Montserrat',system-ui,sans-serif}
/* Anton uppercase display for the site's section headings.
   .h-sec is (re)defined inline on ~42 pages — body-scoped selector outranks those. */
body .h-sec{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.005em;line-height:1.08;text-wrap:balance;
}
body .h-sec em{font-style:normal;color:var(--tv2-blue)}
/* Marketing page H1s (hero titles). Scoped to the marketing shell body class. */
body.site-2026 h1{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.005em;line-height:1.06;text-wrap:balance;
}
body.site-2026 h1 em{font-style:normal;color:var(--tv2-blue)}

/* ---------------- Navbar re-skin ---------------- */
.navbar-default .navbar-nav > li > a{
  font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#2b2d33;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color:#0c0d10}
.navbar-default .navbar-nav > li > a.active{color:var(--tv2-blue)}
/* dropdown menu items stay normal case (styled inline in header.php) */
.rez-drop .dl-dd-menu > li > a,.rez-drop .dl-dd-col > a,.rez-drop .dl-dd-foot > a{text-transform:none;letter-spacing:0}
@media (max-width:991px){
  .navbar-default .navbar-nav > li > a{color:rgba(255,255,255,.9)}
}

/* ---------------- Buttons: square + uppercase ---------------- */
.btn-blue-plane,.btn-blue-outline,.btn-blue,a.btn-blue-plane,a.btn-blue-outline,a.btn-blue{
  border-radius:2px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;
}
.btn-blue-plane:hover{background:var(--tv2-blue-dark);color:#fff}

/* ---------------- Footer: navy tone match + kicker headings ---------------- */
.footer{background:var(--tv2-navy);color:#9aa6b6}
.footer-about p,.footer-contact a,.footer-col ul li a,.footer-bottom p{color:#9aa6b6}
.footer-col h4{
  color:#fff;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;
}
.footer-contact a:hover,.footer-col ul li a:hover{color:#7fb0ff}
.footer-col ul li a:hover{padding-left:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.footer-social a{color:#9aa6b6}
.footer-social a:hover{color:#7fb0ff}

/* ---------------- Focus visibility (sitewide) ---------------- */
body.site-2026 a:focus-visible,body.site-2026 button:focus-visible{
  outline:2px solid var(--tv2-blue);outline-offset:2px;border-radius:2px;
}
::selection{background:#cfe0ff;color:#0c1220}

/* hp2 headings: pin to the token (an old element-level h1/h2 color rule
   otherwise beats inheritance and goes black-on-dark) */
.hp2 h1,.hp2 h2,.hp2 h3,.hp2 h4,.hp2 h5{color:var(--ink)}

/* ============================================================
   Homepage (.hp2) dark-mode map — keeps the v2 homepage usable
   when the sitewide dark toggle is on. Tokens first, then the
   few hardcoded light surfaces.
   ============================================================ */
html.dark .hp2{
  --gold:#2f76ff; --acc:#5a95ff; /* brighter blues for dark contrast (accent text + button fills) */
  --bg:#0e1116; --bg2:#12151c; --panel:#161a22;
  --ink:#e8eaef; --mut:#9aa1ad; --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.2);
  --blue-light:#16233c; --green-light:#12261c;
  --paper:#12151c; --p-ink:#e8eaef; --p-mut:#9aa1ad; --p-line:rgba(255,255,255,.14); --p-panel:#161a22;
}
html.dark .hp2 .hero{background:radial-gradient(130% 120% at 88% -12%,#16233c 0%,#10131a 46%,var(--bg) 100%)}
html.dark .hp2 .quad-sec{background:#10131a}
html.dark .hp2 .card,html.dark .hp2 .compare th,html.dark .hp2 .compare td{background:#161a22}
html.dark .hp2 .compare thead th{background:#12151c}
html.dark .hp2 .compare tbody tr:hover td:not(.dl){background:#1a1f29}
html.dark .hp2 .compare td.dl{background:#16233c}
html.dark .hp2 .cell-ic.no{background:#232936;color:#7b8496}
html.dark .hp2 .cell-pill{background:#1a1f29;color:#9aa1ad;border-color:rgba(255,255,255,.14)}
html.dark .hp2 .founder{background:linear-gradient(180deg,#12151c,#10131a)}
html.dark .hp2 .tst,html.dark .hp2 .tst-arrow{background:#161a22;color:var(--ink)}
html.dark .hp2 .card .thumb{background:#232936}
html.dark .hp2 .ht-logos img{filter:grayscale(1) invert(1) contrast(.85)}
html.dark .hp2 .t3-step.ev{background:#241d10;border-color:#4a3d1e}
html.dark .hp2 .t3-step.nt{background:#16233c;border-color:#2b3f63}
html.dark .hp2 .t3-step.mo{background:#12261c;border-color:#23452f}
html.dark .hp2 .t3-kick .ic{background:#16233c}
html.dark .hp2 .t3-shot{background:#161a22}
html.dark .hp2 .t3-shot .bar{background:#12151c}
html.dark .hp2 .t3-shot-grid a{background:#1a1f29;color:#aab2c0}
html.dark .hp2 .t3-shot-grid a:hover{background:#16233c;color:#7fb0ff}