/* ══════════════════════════════════════════════════
   LEDVORE — shared design tokens & helpers
   Loaded once via header.php. Verified byte-identical
   duplicate previously inlined per-page on: careers.php,
   business-travel-india-coordination.php, engineering-services.php,
   automotive-engineering-dfm-india.php, sustainable-engineering-eu-us.php,
   services/engineering-staffing-europe-usa.php, medtech-engineering-ireland.php,
   services/product-engineering-dfm-europe.php, industries.php,
   services/industrial-equipment-machine-design.php,
   public-sector-support-tamilnadu.php,
   services/manufacturing-process-engineering-lean.php,
   project-based-corporate-assistance.php, industrial-manufacturing-india.php,
   services/technical-project-management-pmp.php.

   about.php, blogs/*.php, contact.php and index.php define their own
   local :root with different/extra tokens — intentionally left alone,
   their own block still cascades on top of this one.
══════════════════════════════════════════════════ */
:root {
    --green:      #57af8d;
    --green-d:    #3d8a6e;
    --green-l:    #7dcaad;
    --navy:       #0d1b2a;
    --off-white:  #f7f5f0;
    --cream:      #f2efe8;
    --lt-gray:    #f6f7f9;
    --muted:      #4f6159;
}

@media (prefers-reduced-motion: no-preference) {
    html { scroll-behavior: smooth; }
}
/* Offsets every in-page anchor target so the sticky header (~90-110px tall) doesn't cover it on scroll-to */
[id] { scroll-margin-top: 100px; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.d1 { transition-delay: .1s; }
.d2 { transition-delay: .2s; }

/* Base eyebrow-label recipe. Only engineering-services.php and industries.php
   use the literal "section-tag" class name — each page keeps its own
   page-specific accessible-contrast override (e.g. .es-faq .section-tag) inline,
   since those selectors are section-scoped and not shareable. */
.section-tag {
    display: inline-block;
    font-size: 0.87rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--green);
    font-weight: 600;
    margin-bottom: 14px;
}