/*
 * G-TECH GLOBAL COLOR SYSTEM
 * Change the semantic --gtech-color-* values below to update the shared
 * website palette. Legacy/component variables are mapped underneath.
 */
:root {
  --gtech-color-primary: #1355e7;
  --gtech-color-primary-dark: #01148a;
  --gtech-color-primary-hover: #0b43bc;
  --gtech-color-accent: #00dbff;
  --gtech-color-danger: #d51f27;

  --gtech-color-ink: #081126;
  --gtech-color-heading: #081021;
  --gtech-color-body: #42506a;
  --gtech-color-muted: #617086;
  --gtech-color-link-muted: #999da5;
  --gtech-color-navy: #061025;
  --gtech-color-deep: #071a34;
  --gtech-color-steel: #173f61;
  --gtech-color-teal: #08799a;

  --gtech-color-white: #ffffff;
  --gtech-color-surface: #ffffff;
  --gtech-color-surface-subtle: #fbfbfb;
  --gtech-color-logo-tile: #f7f7f7;
  --gtech-color-surface-soft: #eef3f7;
  --gtech-color-surface-pale: #f3f8fc;
  --gtech-color-surface-warm: #f4f1eb;
  --gtech-color-border: #d9dee8;
  --gtech-color-border-inverse: rgba(255, 255, 255, .18);
  --gtech-color-body-inverse: rgba(255, 255, 255, .78);

  /* Shared aliases used by the current page and component styles. */
  --ink: var(--gtech-color-ink);
  --text: var(--gtech-color-body);
  --muted: var(--gtech-color-body);
  --navy: var(--gtech-color-navy);
  --deep: var(--gtech-color-deep);
  --steel: var(--gtech-color-steel);
  --blue: var(--gtech-color-primary-dark);
  --brand-blue: var(--gtech-color-primary-dark);
  --logo-blue: var(--gtech-color-primary);
  --cyan: var(--gtech-color-primary);
  --hero-cyan: var(--gtech-color-accent);
  --red: var(--gtech-color-danger);
  --soft: var(--gtech-color-surface-soft);
  --line: var(--gtech-color-border-inverse);

  --agnix-ink: var(--gtech-color-white);
  --agnix-navy: var(--gtech-color-heading);
  --agnix-deep: var(--gtech-color-primary-dark);
  --agnix-blue: var(--gtech-color-primary-dark);
  --agnix-cyan: var(--gtech-color-primary);
  --agnix-red: var(--gtech-color-danger);
  --agnix-muted: var(--gtech-color-body-inverse);
  --agnix-line: var(--gtech-color-border-inverse);

  --eng-navy: var(--gtech-color-heading);
  --eng-blue: var(--gtech-color-primary);
  --eng-cyan: var(--gtech-color-accent);
  --eng-red: var(--gtech-color-danger);
  --eng-ink: var(--gtech-color-ink);
  --eng-muted: var(--gtech-color-muted);
  --eng-line: var(--gtech-color-border);
  --eng-pale: var(--gtech-color-surface-pale);

  --a-blue: var(--gtech-color-primary);
  --a-ink: var(--gtech-color-navy);
  --a-muted: var(--gtech-color-body);
  --a-ice: var(--gtech-color-surface-soft);
  --a-warm: var(--gtech-color-surface-warm);

  --g3-ink: var(--gtech-color-ink);
  --g3-blue: var(--gtech-color-primary);
  --g3-paper: var(--gtech-color-surface-warm);
  --g3-line: rgba(8, 23, 43, .18);

  --gtech-button-bg: var(--gtech-color-white);
  --gtech-button-bg-hover: var(--gtech-color-primary);
  --gtech-button-color: var(--gtech-color-navy);
  --gtech-button-border: var(--gtech-color-border);
}

.ii-main {
  --ink: var(--gtech-color-ink);
  --blue: var(--gtech-color-primary);
  --red: var(--gtech-color-danger);
  --pale: var(--gtech-color-surface-soft);
}

/* Hero title punctuation/accent is white on every dark hero. */
.builder-hero-copy h1 > span,
.about2-hero h1 > span {
  color: var(--gtech-color-white) !important;
}

.builder-hero-copy h1::after {
  background: var(--gtech-color-white) !important;
}

/*
 * Homepage color option: bright white + royal blue, supported by navy and red.
 * Applied only when the page body uses .gtech-color-option-bright.
 */
.gtech-color-option-bright {
  --gtech-color-primary: #1c63f2;
  --gtech-color-primary-dark: #123b8f;
  --gtech-color-primary-hover: #0e4fcf;
  --gtech-color-accent: #57c9ff;
  --gtech-color-danger: #e32435;

  --gtech-color-ink: #07152f;
  --gtech-color-heading: #07152f;
  --gtech-color-body: #40516d;
  --gtech-color-muted: #63728a;
  --gtech-color-navy: #071b45;
  --gtech-color-deep: #0b347c;
  --gtech-color-steel: #176ea0;

  --gtech-color-surface: #ffffff;
  --gtech-color-surface-subtle: #fbfbfb;
  --gtech-color-logo-tile: #f7f7f7;
  --gtech-color-surface-soft: #edf5ff;
  --gtech-color-surface-pale: #f7faff;
  --gtech-color-surface-warm: #ffffff;
  --gtech-color-border: #cfdaec;
}

.gtech-color-option-bright .builder-nav {
  background: color-mix(in srgb, var(--gtech-color-navy) 88%, transparent);
}

.gtech-color-option-bright .builder-hero {
  background: var(--gtech-color-ink);
}

.gtech-color-option-bright .builder-hero::before,
.gtech-color-option-bright .builder-hero-image::before,
.gtech-color-option-bright .builder-hero-image::after {
  display: none !important;
  background: none !important;
}

.gtech-color-option-bright .builder-hero-media video {
  filter: none !important;
}

.gtech-color-option-bright .builder-mission,
.gtech-color-option-bright .builder-engagement,
.gtech-color-option-bright .home-careers {
  background: var(--gtech-color-white);
}

.gtech-color-option-bright .builder-giants {
  background: var(--gtech-color-surface-pale);
}

.gtech-color-option-bright .builder-capabilities {
  background: var(--gtech-color-primary);
  color: var(--gtech-color-white);
}

.gtech-color-option-bright .builder-capabilities h2,
.gtech-color-option-bright .builder-capabilities h3,
.gtech-color-option-bright .builder-capabilities .builder-subtext,
.gtech-color-option-bright .builder-capabilities p {
  color: var(--gtech-color-white) !important;
}

.gtech-color-option-bright .builder-capabilities .builder-cap-feature {
  border-color: var(--gtech-color-border-inverse);
}

.gtech-color-option-bright .home-careers-feature {
  background: var(--gtech-color-white);
}

.gtech-color-option-bright .home-careers {
  background: var(--gtech-color-surface-pale);
}

.gtech-color-option-bright .home-careers-roles {
  background: color-mix(in srgb, var(--gtech-color-navy) 78%, transparent);
}

.gtech-color-option-bright .builder-footer-statement {
  background: linear-gradient(
    125deg,
    var(--gtech-color-navy) 0%,
    var(--gtech-color-primary-dark) 52%,
    var(--gtech-color-primary) 100%
  ) !important;
}

.gtech-color-option-bright .builder-footer-statement::before {
  right: 0 !important;
  filter: none !important;
  opacity: .22 !important;
}

/* Shared footer globe geometry — final global cascade. */
/* Contrast corrections for titles used on mixed light, image, and video surfaces. */
.gtech-color-option-bright .builder-capabilities h2,
.gtech-color-option-bright .builder-capabilities h3 {
  color: var(--gtech-color-navy) !important;
}

.gtech-color-option-bright .builder-industry-panel h3 {
  color: var(--gtech-color-white) !important;
  text-shadow: 0 2px 14px var(--gtech-color-navy);
}

.gtech-color-option-bright .builder-hero-copy h1 {
  text-shadow: 0 1px 0 var(--gtech-color-white);
}

.gtech-color-option-bright .builder-hero-copy .builder-hero-lead {
  color: var(--gtech-color-ink) !important;
  text-shadow: none;
}

.gtech-color-option-bright .builder-hero-copy h1,
.gtech-color-option-bright .builder-hero-copy h1 > span {
  color: var(--gtech-color-white) !important;
  text-shadow: 0 2px 14px var(--gtech-color-navy);
}

.gtech-color-option-bright .builder-hero-copy .builder-hero-lead {
  color: var(--gtech-color-white) !important;
  text-shadow: 0 2px 14px var(--gtech-color-navy);
}

/* Primary section titles use the blue from the G-TECH logo. */
.gtech-color-option-bright .builder-mission .builder-mission-heading h2,
.gtech-color-option-bright .builder-giants .builder-section-center h2,
.gtech-color-option-bright .builder-capabilities h2,
.gtech-color-option-bright .builder-engagement h2,
.gtech-color-option-bright .home-careers h2 {
  color: var(--gtech-color-primary) !important;
}

.gtech-color-option-bright .home-careers-roles-head h3 {
  color: var(--gtech-color-primary) !important;
  text-shadow: 0 1px 10px var(--gtech-color-navy);
}

/* Bright option heading treatment: every title uses the same navy. */
.gtech-color-option-bright h1,
.gtech-color-option-bright h2,
.gtech-color-option-bright h3,
.gtech-color-option-bright h4,
.gtech-color-option-bright h5,
.gtech-color-option-bright h6,
.gtech-color-option-bright .builder-hero-copy h1 > span {
  color: var(--gtech-color-navy) !important;
}

.gtech-color-option-bright .builder-capabilities {
  background: var(--gtech-color-surface-soft);
  color: var(--gtech-color-body);
}

.gtech-color-option-bright .builder-capabilities .builder-subtext,
.gtech-color-option-bright .builder-capabilities p {
  color: var(--gtech-color-body) !important;
}

.gtech-color-option-bright .builder-capabilities .builder-cap-feature {
  border-color: var(--gtech-color-border);
}

.gtech-color-option-bright .builder-footer-statement {
  background: linear-gradient(
    125deg,
    var(--gtech-color-white) 0%,
    var(--gtech-color-surface-soft) 62%,
    var(--gtech-color-accent) 100%
  ) !important;
}