/* North Pole Government — sitewide visual facelift, Oct 2026 */
:root{
  --np-evergreen:#103f32;--np-evergreen-2:#0a2f27;--np-evergreen-3:#1d5b46;
  --np-cream:#fff9ed;--np-paper:#fffdf7;--np-gold:#c99a3c;--np-gold-soft:#ead39b;
  --np-red:#a82931;--np-ink:#352718;--np-muted:#725f49;
}
html{background:#efe4cf}
body{
  background:
    radial-gradient(circle at 12% 5%,rgba(255,255,255,.95) 0 1px,transparent 2px),
    radial-gradient(circle at 78% 11%,rgba(255,255,255,.8) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 44% 17%,rgba(201,154,60,.16) 0 1px,transparent 2px),
    linear-gradient(180deg,#f7efe0 0,#fffaf0 38%,#f4ead8 100%) !important;
  background-size:160px 160px,230px 230px,290px 290px,auto;
  color:var(--np-ink);
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;background-image:radial-gradient(circle at center,rgba(255,255,255,.8) 0 1px,transparent 1.8px);background-size:72px 72px}
.np-header{background:linear-gradient(135deg,var(--np-evergreen-2),var(--np-evergreen)) !important;border-bottom:3px solid var(--np-gold) !important;box-shadow:0 8px 28px rgba(17,48,38,.18);position:relative;z-index:100}
.np-header::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.15)}
.np-header-inner{padding-top:.7rem!important;padding-bottom:.7rem!important}
.np-logo{width:50px!important;height:50px!important;background:#fff7e7;box-shadow:0 0 0 2px var(--np-gold),0 4px 14px rgba(0,0,0,.28)!important}
.np-site-title{color:#fff8e8!important;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.np-nav-link{color:#f8efd9!important}
.np-nav-link:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.np-nav-link.is-active{background:var(--np-gold)!important;color:#183b30!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 3px 10px rgba(0,0,0,.15)}
.np-dropdown{background:#fffaf0!important;border:1px solid var(--np-gold-soft)!important;box-shadow:0 16px 36px rgba(24,55,44,.2)!important}
.np-dropdown-link{color:#493923!important}.np-dropdown-link:hover{background:#f2e6ca!important;color:#173e32!important}
.page-inner{position:relative}
.hero,main>section:first-child,.panel,.card,.lookup-card,.license-card,.record-card,.status-card,.department-card,.info-card,.registry-card{
  box-shadow:0 16px 40px rgba(49,38,21,.09)!important;
}
.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,253,247,.98),rgba(251,241,219,.96))!important;border:1px solid var(--np-gold-soft)!important;box-shadow:0 20px 48px rgba(42,54,38,.13)!important}
.hero::before{content:"✦";position:absolute;right:2rem;top:1rem;font-size:6.5rem;line-height:1;color:rgba(201,154,60,.12);transform:rotate(10deg);pointer-events:none}
.hero::after{content:"❄  ·  ✦  ·  ❄";display:block;text-align:center;margin-top:1.7rem;color:var(--np-gold);font-size:.78rem;letter-spacing:.55em;opacity:.72}
h1,.hero-heading{color:var(--np-evergreen-2)!important;text-wrap:balance}
h2,h3{color:#244d3d}
.hero-subheading,.subtitle,.lede{color:var(--np-muted)!important}
.hero-badge,.badge,.pill{background:#f4e8cf!important;border-color:#e4c98e!important;color:#5c4930!important}
button,.btn,.button,a.button,a.btn,input[type="submit"]{border-radius:999px!important;box-shadow:0 5px 14px rgba(28,65,51,.12)}
button:not(.secondary),.btn-primary,.button-primary,input[type="submit"]{background:linear-gradient(180deg,#286a50,#174a39)!important;border-color:#174a39!important;color:white!important}
input,select,textarea{background:#fffdf8!important;border-color:#d9c7a2!important}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,154,60,.25)!important;border-color:var(--np-gold)!important}
footer,.np-footer{border-top:1px solid #d8c59d!important;background:rgba(239,228,207,.68)!important;color:#6b5943!important}
/* Add a restrained official-paper edge to common content surfaces */
section,.card,.panel,.lookup-card,.record-card,.status-card,.department-card,.info-card,.registry-card{border-color:#dfcda9!important}
/* Mobile nav remains readable on the evergreen header */
@media(max-width:850px){.np-header-inner{align-items:flex-start!important}.np-nav{gap:.35rem!important;flex-wrap:wrap!important;justify-content:flex-end}.np-nav-link{padding:.3rem .55rem!important;font-size:.86rem}.np-logo{width:44px!important;height:44px!important}.np-site-title{font-size:1.05rem!important}.hero::before{font-size:4.2rem;right:.4rem;top:.5rem}.hero{padding-left:1.25rem!important;padding-right:1.25rem!important}}
@media(max-width:620px){.np-header-inner{display:block!important}.np-brand{margin-bottom:.6rem}.np-nav{justify-content:flex-start!important;gap:.2rem!important}.np-dropdown{position:fixed!important;left:1rem!important;right:1rem!important;top:auto!important;min-width:0!important}.page-inner{padding-left:1rem!important;padding-right:1rem!important}.hero{margin-top:1.25rem!important;border-radius:20px!important}.hero::after{letter-spacing:.25em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:#fff!important}body::before,.np-header::after,.hero::before,.hero::after{display:none!important}.np-header{box-shadow:none!important}}
