/* Product identities from the existing Nutri-Cycle palette and D-Comp logo. */
:root{
 --nutri-green:#5f7f2f;
 --nutri-deep:#324719;
 --nutri-light:#b8c95a;
 --nutri-pale:#eef3e4;
 --dcomp-gold:#ffbc42;
 --dcomp-deep:#6f4a00;
 --dcomp-light:#ffe6a4;
 --dcomp-pale:#fff7e6;
}

/* The brand colors fill the hovered row so every label remains readable. */
.site-header .product-menu a[href="nutri-cycle.html"]:is(:hover,:focus-visible){
 background:var(--nutri-green);color:#fff;text-decoration:underline;
}
.site-header .product-menu a[href="d-comp-dry.html"]:is(:hover,:focus-visible){
 background:var(--dcomp-gold);color:var(--ink);text-decoration:underline;
}
.site-header .product-menu a[href="nutri-cycle.html"]:focus-visible{outline-color:var(--nutri-deep)}
.site-header .product-menu a[href="d-comp-dry.html"]:focus-visible{outline-color:var(--dcomp-deep)}
.openfield .product-links a[href="nutri-cycle.html"]:is(:hover,:focus-visible){color:var(--nutri-light)}
.openfield .product-links a[href="d-comp-dry.html"]:is(:hover,:focus-visible){color:var(--dcomp-gold)}

/* Carry the same identity into the homepage cards and product catalog. */
#nutri-cycle{--card-accent:var(--nutri-deep)}
#d-comp-dry{--card-accent:var(--dcomp-deep)}
:is(#nutri-cycle,#d-comp-dry) :is(.solution-card-heading h3,.product-copy h3,.solution-card-link,.text-button){color:var(--card-accent)}
:is(#nutri-cycle,#d-comp-dry) .solution-card-benefits li::marker{color:var(--card-accent)}
#nutri-cycle .solution-card-link:is(:hover,:focus-visible){color:var(--nutri-green)}
#d-comp-dry .solution-card-link:is(:hover,:focus-visible){background:var(--dcomp-gold);color:var(--ink);text-decoration:underline}
#nutri-cycle .solution-card-heading h3 a:hover{color:var(--nutri-green)}
#d-comp-dry .solution-card-heading h3 a:hover{color:var(--dcomp-deep);text-decoration:underline;text-decoration-color:var(--dcomp-gold)}

.product-theme-nutri{
 --product-accent:var(--nutri-green);
 --product-deep:var(--nutri-deep);
 --product-highlight:var(--nutri-light);
 --product-hover:var(--nutri-deep);
 --product-on-accent:#fff;
 --pale:var(--nutri-pale);
 --focus:var(--nutri-deep);
}
.product-theme-dcomp{
 --product-accent:var(--dcomp-gold);
 --product-deep:var(--dcomp-deep);
 --product-highlight:var(--dcomp-gold);
 --product-hover:var(--dcomp-light);
 --product-on-accent:var(--ink);
 --pale:var(--dcomp-pale);
 --focus:var(--dcomp-deep);
 --rule:#dfd0ae;
}
.product-theme .interior-hero h1{color:var(--product-highlight)}
.product-theme .site-header .nav-contact,
.product-theme .interior-hero .button,
.product-theme .closing>.button{
 background:var(--product-accent);color:var(--product-on-accent);
}
.product-theme .site-header .nav-contact:hover,
.product-theme .interior-hero .button:hover,
.product-theme .closing>.button:hover{background:var(--product-hover)}
.product-theme .interior-cinema :focus-visible,
.product-theme .closing :focus-visible{outline-color:var(--product-highlight)}
.product-theme .page-nav{background:var(--pale);border-bottom-color:var(--product-accent)}
.product-theme .page-nav a:is(:hover,:focus-visible){color:var(--product-deep);text-decoration:underline}
.product-theme main :is(h2,h3){color:var(--product-deep)}
.product-theme main .text-button{color:var(--product-deep)}
.product-theme main .text-button:hover{text-decoration:underline}
.product-theme .mechanism-section li:before{background:var(--product-deep)}
.product-theme .faq-list summary:is(:hover,:focus-visible){color:var(--product-deep)}
.product-theme .closing{background:var(--product-deep)}
.product-theme .closing h2,.product-theme .closing p{color:#fff}
.product-theme .full-footer{background:var(--pale)}
.product-theme .related a[href="nutri-cycle.html"]:is(:hover,:focus-visible){color:var(--nutri-deep)}
.product-theme .related a[href="d-comp-dry.html"]:is(:hover,:focus-visible){color:var(--dcomp-deep);text-decoration:underline;text-decoration-color:var(--dcomp-gold)}
.product-theme-dcomp ::selection{background:var(--dcomp-light);color:var(--ink)}
.product-theme-nutri ::selection{background:var(--nutri-light);color:var(--nutri-deep)}

