/* Shared glass finish: load last. Colour, depth and blur only; geometry, type sizes and motion inherited. */
html body.pk-light{--pk-ink:#141b2d;--pk-green:#2448e6;--pk-lime:#ffc27a;--pk-orange:#c93d2b;--pk-paper:#f7f8fa;--pk-line:rgba(20,27,45,.12)}

/* Chrome: dark neutral nav keeps white logo; opaque unless blur is supported */
html body :is(.nav,#mainNav){background:#10141f;border-bottom-color:rgba(255,255,255,.1);-webkit-backdrop-filter:none;backdrop-filter:none}

/* Primary actions: cobalt beats launch !important green everywhere */
html body .btn-primary.btn-primary,html body.pk-light #page-landing .hero-ctas .btn-primary,html body :is(.nav,#mainNav) .nav-btn:not(.outline){background:linear-gradient(180deg,#4a6bff,#2448e6 55%,#1d3cd0)!important;color:#fff!important;border-color:#1a34b4}
html body .btn-primary.btn-primary:hover,html body.pk-light #page-landing .hero-ctas .btn-primary:hover,html body :is(.nav,#mainNav) .nav-btn:not(.outline):hover{background:linear-gradient(180deg,#5877ff,#2c50f0 55%,#2142d8)!important}
html body #page-landing .hero-ctas .btn-primary{box-shadow:0 3px 0 #1a34b4,0 9px 22px rgba(36,72,230,.2)}

/* Sign in/out outline stays dark neutral, including over palette dashboard rule */
html body :is(.nav,#mainNav) .nav-btn.outline,body:has(#page-dashboard.active) #mainNav .nav-btn.outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.34)!important;text-shadow:none!important}
html body :is(.nav,#mainNav) .nav-btn.outline:hover,body:has(#page-dashboard.active) #mainNav .nav-btn.outline:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.56)!important}

html body :is(button,a,input,select,textarea):focus-visible{outline-color:#5b7cff!important}

/* Landing hero: neutral base, restrained corner light */
html body #page-landing .pk-hero{background:radial-gradient(ellipse at 90% 12%,rgba(124,92,255,.13),transparent 48%),radial-gradient(ellipse at 96% 88%,rgba(255,194,122,.18),transparent 46%),radial-gradient(ellipse at 78% 45%,rgba(74,107,255,.1),transparent 58%),#f7f8fa}
html body.pk-light #page-landing .pk-hero h1{color:#141b2d}
html body.pk-light #page-landing .pk-hero h1 .accent-o{color:#2448e6}
html body.pk-light #page-landing .pk-hero .hero-sub{color:#3e4759}
html body #page-landing .pk-hero .hero-badge{color:#343d50;background:rgba(255,255,255,.8);border-color:rgba(20,27,45,.12)}
html body #page-landing :is(.pk-hero-note,.hero-trust .trust-item){color:#4b5566}
#page-landing .pk-hero .trust-item .icon{color:#2448e6}
html body #page-landing .hero-ctas .btn-secondary{color:#141b2d;border-color:rgba(20,27,45,.16);background:#fff}

/* Packet: existing sheet recoloured so the glass document has colour behind it */
#page-landing .pk-hero-visual::before{color:#4b5566}
#page-landing .pk-hero-visual::after{border-color:rgba(124,92,255,.28);background:linear-gradient(135deg,#ffd6a3 0%,#ff9e8a 30%,#9c86ff 66%,#5b7cff 100%);box-shadow:0 28px 60px rgba(40,44,120,.16)}
#page-landing .pk-doc-main{color:#141b2d;border-color:rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 30px 65px rgba(20,27,45,.16)}
#page-landing .pk-doc-head{color:#2448e6}
#page-landing .pk-doc-head em{background:#ece8ff;color:#4c34c4}
#page-landing .pk-doc-row{color:#3e4759;border-color:rgba(20,27,45,.1)}
#page-landing .pk-doc-total{color:#343d50}
#page-landing .pk-doc-total b{color:#2448e6}
#page-landing .pk-doc-chip{color:#1c2438;background:#fff;border-color:rgba(255,255,255,.9);box-shadow:0 15px 32px rgba(20,27,45,.14);-webkit-backdrop-filter:none;backdrop-filter:none}

/* Role cards: translucent tint over corner light; no blur needed over a smooth gradient */
.pk-roles{background:radial-gradient(55% 90% at 0 0,rgba(124,92,255,.1),transparent 70%),radial-gradient(50% 90% at 100% 100%,rgba(255,158,138,.12),transparent 70%)}
.pk-roles-heading,.pk-role-link span{color:#4b5566}
.pk-role-link{background:rgba(255,255,255,.74);color:#141b2d;border-color:rgba(20,27,45,.1);box-shadow:inset 0 1px 0 #fff}
.pk-role-link:hover{box-shadow:inset 0 1px 0 #fff,0 14px 28px rgba(28,36,80,.1)}
.pk-role-link em{color:#2448e6}

/* Lower landing: green grounds to neutral ink / cool paper */
#page-landing :is(.pk-promise,.review-panel,.pk-cta-band){background:#151b2e}
#page-landing :is(.plan-option-pro,.calc-price-pro){background:linear-gradient(150deg,#1b2242,#231d52);border-color:#1b2242}
#page-landing .footer{background:#0c101b}
#page-landing :is(.team-review,#pricing,.pricing-section,.calc-price-standard){background:#eef1f5}
.studio-motion-stage{background:#e6e9ef}
.studio-motion-copy{background:#f8f9fb}
.studio-motion-copy p{color:#3e4759}
.studio-motion-step{color:#2448e6}
#page-landing .review-status{background:#ece8ff;color:#4c34c4}
#page-landing .review-step{border-color:rgba(36,72,230,.32)}

/* Admin, estimator, review: client-consistent neutral tokens; opaque calm surfaces */
:is(#page-admin,#page-estimator,#page-review){--white:#141b2d;--muted:#4b5566;--navy:#f4f6f9;--navy-2:#fff;--navy-3:#f1f3f7;--card:#fff;--border:#dfe3ea;color:#141b2d;background:linear-gradient(180deg,#f8f9fb,#eef1f5)}
#page-admin :is(.stat-card,.jobs-card),#page-estimator .estimator-job-card,#page-review .review-card{background:#fff;border-color:rgba(20,27,45,.09);box-shadow:inset 0 1px 0 #fff,0 14px 30px -20px rgba(28,36,80,.3)}
#page-admin .sidebar{background:#fbfcfd}
#page-admin .sidebar-user .user-avatar{color:#fff;background:linear-gradient(145deg,#8e72ff,#2448e6)!important;border-color:rgba(255,255,255,.5)}
#page-admin .filter-btn{color:#262f42;background:#fff;border-color:#d5dae3}
#page-admin .filter-btn.active{color:#fff;background:linear-gradient(180deg,#2c3449,#141b2d);border-color:#0e1322}
:is(#page-admin,#page-estimator,#page-review) :is(input,textarea,select){background:#fff;color:#141b2d;border-color:#aab2c0}

/* Real translucency only where blur exists; caps 12px hero/client, 8px chrome */
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
html body :is(.nav,#mainNav){background:rgba(16,20,34,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#page-landing .pk-doc-main{background:linear-gradient(160deg,rgba(255,255,255,.84),rgba(255,255,255,.68));-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}
#page-landing .pk-doc-chip{background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#page-dashboard .tracking-card{-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6)}
}

/* Small screens / reduced transparency: no blur, high-alpha readable tint */
@media (max-width:760px),(prefers-reduced-transparency:reduce){
html body :is(.nav,#mainNav),body:has(#page-dashboard.active) #mainNav,#page-landing :is(.pk-doc-main,.pk-doc-chip),#page-dashboard .tracking-card{-webkit-backdrop-filter:none;backdrop-filter:none}
html body :is(.nav,#mainNav),body:has(#page-dashboard.active) #mainNav{background:rgba(16,20,34,.97)}
#page-landing .pk-doc-main{background:rgba(255,255,255,.96)}
#page-landing .pk-doc-chip{background:rgba(255,255,255,.95)}
#page-dashboard .tracking-card{background:linear-gradient(100deg,rgba(255,255,255,.96),rgba(255,255,255,.9) 50%,rgba(255,255,255,.8))}
}

/* Forced colours: must stay last */
@media (forced-colors:active){
html body .btn-primary.btn-primary,html body .btn-primary.btn-primary:hover,html body.pk-light #page-landing .hero-ctas .btn-primary,html body.pk-light #page-landing .hero-ctas .btn-primary:hover,html body :is(.nav,#mainNav) .nav-btn:not(.outline),html body :is(.nav,#mainNav) .nav-btn:not(.outline):hover,html body :is(.nav,#mainNav) .nav-btn.outline,html body :is(.nav,#mainNav) .nav-btn.outline:hover,body:has(#page-dashboard.active) #mainNav .nav-btn.outline,body:has(#page-dashboard.active) #mainNav .nav-btn.outline:hover,#page-admin .sidebar-user .user-avatar,#page-admin .filter-btn.active{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important;text-shadow:none!important}
html body :is(.nav,#mainNav),#page-landing :is(.pk-doc-main,.pk-doc-chip,.hero-badge),.pk-role-link{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:Canvas!important;color:CanvasText!important;box-shadow:none!important}
#page-dashboard .tracking-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body :is(button,a,input,select,textarea):focus-visible{outline-color:Highlight!important}
}