/*
 * LIFA Global Trade sitewide numeric badge color contract
 *
 * Loaded immediately before the global motion layer so page-specific card
 * styles cannot return numeric badges to low-contrast foreground/background
 * combinations. Geometry and typography remain owned by each component.
 */

:root {
  /* Primitive brand tokens */
  --numeric-badge-navy-800: #0f1e36;
  --numeric-badge-gold-400: #eed47d;
  --numeric-badge-gold-600: #eed47d;

  /* Semantic component tokens */
  --numeric-badge-surface: var(--numeric-badge-navy-800);
  --numeric-badge-foreground: var(--numeric-badge-gold-400);
  --numeric-badge-edge: var(--numeric-badge-gold-600);
}

/* The inert ID branch lifts this final color contract above imported legacy
   selectors while the body branch is the one that matches rendered pages. */
:is(
  #lifa-numeric-badge-a#lifa-numeric-badge-b#lifa-numeric-badge-c#lifa-numeric-badge-d#lifa-numeric-badge-e#lifa-numeric-badge-f#lifa-numeric-badge-g#lifa-numeric-badge-h#lifa-numeric-badge-i#lifa-numeric-badge-j#lifa-numeric-badge-k#lifa-numeric-badge-l#lifa-numeric-badge-m#lifa-numeric-badge-n#lifa-numeric-badge-o#lifa-numeric-badge-p,
  body[data-page-family]
) :is(
  .lifa-number-badge:not(.lifa-badge--icon),
  .lifa-feature-badge,
  .process-info-icon,
  .tool-callout-icon,
  .step-number,
  .home-route-number,
  .lifa-form-stage-number,
  .lifa-google-booking-number,
  .tool-decision-number,
  .founder-ledger-number
) {
  color: var(--numeric-badge-foreground) !important;
  -webkit-text-fill-color: var(--numeric-badge-foreground) !important;
  background: var(--numeric-badge-surface) !important;
  border-color: var(--numeric-badge-edge) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

:is(
  #lifa-numeric-badge-a#lifa-numeric-badge-b#lifa-numeric-badge-c#lifa-numeric-badge-d#lifa-numeric-badge-e#lifa-numeric-badge-f#lifa-numeric-badge-g#lifa-numeric-badge-h#lifa-numeric-badge-i#lifa-numeric-badge-j#lifa-numeric-badge-k#lifa-numeric-badge-l#lifa-numeric-badge-m#lifa-numeric-badge-n#lifa-numeric-badge-o#lifa-numeric-badge-p,
  body[data-page-family]
) .process-info-icon::after {
  color: var(--numeric-badge-foreground) !important;
  -webkit-text-fill-color: var(--numeric-badge-foreground) !important;
  text-shadow: none !important;
}