/* Organic Cart Studio Crafted Interactive Pro 10.5
   Deep forest-green palette refinement only.
   No content, templates, URLs, metadata, schema or database behavior is changed. */

:root{
  --ocs-green-dark:#053A29;
  --ocs-primary:#0A5739;
  --ocs-accent:#0D6B47;
  --ocs-highlight:#1F8A5B;
  --ocs-glow:rgba(10,87,57,.25);
  --ocs-v104-green:#0A5739;
  --ocs-v104-green-dark:#06492F;
  --ocs-v104-mint:#1F8A5B;
  --ocs-deep-green:#06492F;
  --ocs-readable-green:#1F8A5B;
}

/* Dark, premium green on light editorial surfaces. */
.eyebrow,.ocs-section-label,.hero-chip,.svc-label,.page-kicker,.article-kicker,
.ocs-home-copy-head>span,.ocs-case-intro>span,.ocs-service-section-head small,
.ocs-project-copy>span,.ocs-project-media>small,.ocs-benefit-grid article>span,
.ocs-home-proof-grid article>small,.ocs-contact-notes>.ocs-section-label,
.ocs-home-blog-copy>.ocs-section-label,.page-hero .eyebrow,.archive-hero .eyebrow,
.article-hero .eyebrow,.post-hero__kicker,.label,.tag,
.site-main>.section small,.entry-content .eyebrow,.entry-content .label{
  color:var(--ocs-deep-green)!important;
}

/* Dark sections use a restrained emerald, never mint or neon. */
.ocs-crafted-hero .ocs-hero-kicker span,
.ocs-process-section .eyebrow,.ocs-process-section .ocs-section-label,
.ocs-work-section .ocs-section-label,.ocs-contact-section .ocs-section-label,
.site-footer .eyebrow,.site-footer .ocs-section-label,
.svc-hero .hero-chip,.page-generic[style*="background"] .eyebrow,
.ocs-legacy-cta small,.ocs-case-cta>span,
.ocs-method .eyebrow,.ocs-service-preview>span,.ocs-audit-board .eyebrow,
.post-hero .cats,.article-hero .eyebrow{
  color:var(--ocs-readable-green)!important;
}

/* Page titles remain green, but use a deep editorial emerald rather than mint. */
body:not(.home) .svc-hero h1,
body:not(.home) .service-hero h1,
body:not(.home) .page-hero h1,
body:not(.home) .archive-hero h1,
body:not(.home) .article-hero h1,
body:not(.home) .post-hero h1{
  color:var(--ocs-readable-green)!important;
  -webkit-text-fill-color:var(--ocs-readable-green)!important;
}

/* Primary controls now use dark forest green with accessible white text. */
.btn--primary,.menu-toggle,.header-cta .btn,
.ocs-cart-button,.ocs-blueprint-node.is-active,
.ocs-dossier__index button.is-active,.ocs-reading-index>a.is-active,
.ocs-service-filters button.is-active,.ocs-service-filters button:hover,
.page-numbers.current,.ocs-search-form button,
.comment-form .submit,.footer-widget button,.footer-widget input[type=submit],
.eyebrow--num b{
  background:var(--ocs-primary)!important;
  border-color:var(--ocs-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.btn--primary:hover,.header-cta .btn:hover{
  background:var(--ocs-green-dark)!important;
  border-color:var(--ocs-green-dark)!important;
  color:#fff!important;
}

/* Active UI text must remain readable on dark green fills. */
.ocs-blueprint-node.is-active span,.ocs-blueprint-node.is-active b,.ocs-blueprint-node.is-active small,
.ocs-dossier__index button.is-active span,.ocs-dossier__index button.is-active small,
.ocs-dossier__index button.is-active b,.ocs-reading-index>a.is-active,
.ocs-service-filters button.is-active,.ocs-service-filters button:hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Remove remaining light-mint visual cues and replace them with deep green. */
.italic-serif,.text-accent,.text-highlight,
.ocs-home-title span,.ocs-journey__bar b,.ocs-demo-label,
.ocs-diagnostic-row a,.ocs-work-content>span,.ocs-service-preview a,
.ocs-dossier-copy>a,.ocs-dossier__foot a,.ocs-reading-preview em,
.post-body a,.entry-content a,.footer-col a:hover,
.ocs-method-rail__markers li.is-passed,.ocs-method-rail__markers li.is-active{
  color:var(--ocs-readable-green)!important;
}

.eyebrow .dot,.hero-chip .dot,.ocs-section-label::before,
.eyebrow::before,.ocs-home-copy-head>span::before,
.ocs-service-index-row::before,.ocs-route-line span,
.ocs-journey-progress i,.ocs-search-field i,.ocs-method-rail__fill,
.ocs-method-rail__traveller,.ocs-method__steps::after,
.ocs-method-step.is-active::before,.ocs-blueprint__traveller{
  background:var(--ocs-primary)!important;
  box-shadow:none!important;
}

/* Cream replaces pale mint panels; dark green remains the only green accent. */
.ocs-serp-card,.ocs-product-visual,.ocs-screen-image,.ocs-screen-message,
.copy-sheet,.ocs-dossier-art--shoe,.ocs-work-panel--editorial{
  background:#F2F0E8!important;
}

/* Restrained borders and shadows. */
.card:hover,.work-card:hover,.problem:hover,.price-card:hover,.blog-card:hover,
.ocs-journey,.ocs-diagnostic__screen,.ocs-method-browser,.ocs-blueprint,
.ocs-diagnostic-row.is-active,.ocs-service-row.is-active,.ocs-service-row:hover,
.ocs-project-card,.ocs-benefit-grid article,.ocs-home-proof-grid article,
.pricing-card,.tier,.card{
  border-color:rgba(10,87,57,.28)!important;
}

::selection{background:var(--ocs-primary);color:#fff}
a:hover{color:var(--ocs-readable-green)}

/* Preserve white CTA headline contrast requested across service and case-study pages. */
.ocs-cta-heading,.ocs-service-detail .ocs-cta-heading,
.ocs-legacy-service .ocs-cta-heading,.ocs-case-cta .ocs-cta-heading,
.card.card--feature .ocs-cta-heading{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
