:root {
  color-scheme: light;
  --ci-blue: rgb(99 181 229);
  --ci-blue-rgb: 99 181 229;
  --ci-navy-deep: rgb(6 28 38);
  --ci-navy: rgb(11 53 72);
  --ci-navy-rgb: 11 53 72;
  --ci-navy-soft: rgb(18 91 119);
  --ci-ink: rgb(17 24 23);
  --ci-ink-rgb: 17 24 23;
  --ci-ink-soft: rgb(55 66 71);
  --ci-gray: rgb(94 107 112);
  --ci-gray-rgb: 94 107 112;
  --ci-gray-soft: rgb(132 148 153);
  --ci-gray-light: rgb(185 199 201);
  --ci-line: rgb(220 231 234);
  --ci-line-strong: rgb(195 217 225);
  --ci-border-dark: rgb(51 65 63);
  --ci-surface: rgb(244 248 250);
  --ci-surface-blue: rgb(234 248 254);
  --ci-paper: rgb(251 253 254);
  --ci-white: rgb(255 255 255);
  --ci-white-rgb: 255 255 255;
  --ci-black: rgb(7 16 15);
  --ci-black-rgb: 7 16 15;
  --ci-focus-ring: 0 0 0 3px rgb(var(--ci-blue-rgb) / 45%);
  --ci-shadow-sm: 0 10px 30px rgb(var(--ci-navy-rgb) / 10%);
  --ci-shadow-lg: 0 24px 60px rgb(var(--ci-navy-rgb) / 16%);
  --ci-body-font-size: 18px;
  --ci-hero-title-size: clamp(48px, 6.25vw, 85px);
  --ci-hero-title-accent-size: .78em;
}

body {
  font-size: var(--ci-body-font-size);
}

:is(.home-page, .products-page, .about-page, .careers-page, .contact-page, .knowledge-page, .news-page, .professionals-page) {
  --ci-hero-title-size: clamp(52px, 7.25vw, 104px);
}