@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&display=swap');

/* ========================================
   TRONIX - Component-based styles entry
   Import order: variables → base → components
   ======================================== */

@import url('variables.css');
@import url('base.css');
@import url('components/utility-bar.css');
@import url('components/header.css');
@import url('components/pre-main-video.css');
@import url('components/autonomous-workflows.css');
@import url('components/trusted-clients.css');
@import url('components/win-moments.css');
@import url('components/innovation-solutions.css');
@import url('components/contact.css');
@import url('components/careers.css');
@import url('components/industry-showcase.css');
@import url('components/about-us.css');
@import url('components/footer.css');

* {
   font-family: var(--font-primary);
}

:root {
   --site-section-title-size: clamp(18px, 3.2vw, 32px);
   --site-section-title-weight: 600;
   --site-section-title-letter-spacing: -0.02em;
   --site-body-size: 18px;
   --site-body-weight: 90;
}

h2,
.section-title {
   font-size: var(--site-section-title-size) !important;
   font-weight: var(--site-section-title-weight) !important;
   letter-spacing: var(--site-section-title-letter-spacing) !important;
}

p:not(.offering-stat-num):not(.it-impact-number):not(.footer-resource-description):not(.footer-action-description):not(.footer-newsletter-description):not(.footer-copyright):not(.learn-more-spotlight__quote-text):not(.learn-more-spotlight__quote-text--long),
.section-subtitle {
   font-size: var(--site-body-size) !important;
   font-weight: var(--site-body-weight) !important;
}

@media (max-width: 768px) {
   :root {
      --site-section-title-size: 22px;
      --site-body-size: 14px;
   }
}
