:root {
  --face-ink-900: #07080a;
  --face-ink-850: #0b0d10;
  --face-ink-800: #101318;
  --face-ink-700: #171b21;
  --face-ink-600: #21262e;
  --face-ink-500: #2f3540;
  --face-ink-400: #454c59;

  --face-paper: #ffffff;
  --face-paper-alt: #f5f5f2;
  --face-paper-deep: #eceae4;

  --face-text: #101318;
  --face-text-soft: #3d434d;
  --face-muted: #5e6570;
  --face-muted-dark: #8d95a3;

  --face-line: #dfdedb;
  --face-line-soft: #ecebe8;
  --face-line-dark: rgba(255, 255, 255, 0.11);
  --face-line-dark-soft: rgba(255, 255, 255, 0.06);

  --face-accent: #f47b20;
  --face-accent-bright: #ff9c4f;
  --face-accent-deep: #c25c0d;
  --face-accent-wash: rgba(244, 123, 32, 0.12);
  --face-accent-text: #a8500c;

  --face-topbar-bg: #b0520a;
  --face-topbar-fg: #ffffff;
  --face-topbar-fg-soft: rgba(255, 255, 255, 0.86);

  --face-on-dark: #f2f2ef;
  --face-on-dark-muted: #9aa1ac;

  --face-danger: #c0392b;
  --face-success: #2f7d52;

  --face-font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --face-font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --face-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --face-font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;

  --face-fs-eyebrow: 0.6875rem;
  --face-fs-meta: 0.75rem;
  --face-fs-small: 0.8125rem;
  --face-fs-body: 1rem;
  --face-fs-body-lg: clamp(1.0625rem, 0.98rem + 0.35vw, 1.1875rem);
  --face-fs-lead: clamp(1.1875rem, 1.05rem + 0.6vw, 1.5rem);
  --face-fs-h5: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --face-fs-h4: clamp(1.125rem, 1.02rem + 0.45vw, 1.375rem);
  --face-fs-h3: clamp(1.375rem, 1.15rem + 0.95vw, 2rem);
  --face-fs-h2: clamp(1.875rem, 1.35rem + 2.3vw, 3.5rem);
  --face-fs-h1: clamp(2.1rem, 1.35rem + 3.4vw, 4.75rem);
  --face-fs-display: clamp(2.1rem, 1.1rem + 5.6vw, 6rem);

  --face-lh-tight: 0.98;
  --face-lh-snug: 1.1;
  --face-lh-heading: 1.16;
  --face-lh-body: 1.68;

  --face-ls-display: -0.03em;
  --face-ls-heading: -0.02em;
  --face-ls-meta: 0.16em;
  --face-ls-eyebrow: 0.22em;

  --face-fw-regular: 400;
  --face-fw-medium: 500;
  --face-fw-semibold: 600;
  --face-fw-bold: 700;
  --face-fw-black: 800;

  --face-space-2xs: 0.25rem;
  --face-space-xs: 0.5rem;
  --face-space-sm: 0.75rem;
  --face-space-md: 1rem;
  --face-space-lg: 1.5rem;
  --face-space-xl: 2rem;
  --face-space-2xl: 3rem;
  --face-space-3xl: 4.5rem;
  --face-space-4xl: 7rem;

  --face-section-y: clamp(4rem, 2.2rem + 7vw, 9rem);
  --face-section-y-tight: clamp(3rem, 1.8rem + 4.5vw, 6rem);

  --face-radius-none: 0px;
  --face-radius-sm: 2px;
  --face-radius-md: 3px;
  --face-radius-lg: 4px;
  --face-radius-pill: 999px;

  --face-border-hair: 1px;
  --face-border-rule: 2px;

  --face-shadow-sm: 0 1px 2px rgba(7, 8, 10, 0.06);
  --face-shadow-md: 0 12px 32px -14px rgba(7, 8, 10, 0.28);
  --face-shadow-lg: 0 34px 70px -30px rgba(7, 8, 10, 0.42);
  --face-shadow-header: 0 1px 0 var(--face-line), 0 10px 30px -22px rgba(7, 8, 10, 0.5);

  --face-container: 1440px;
  --face-container-narrow: 1080px;
  --face-container-text: 760px;
  --face-gutter: clamp(1.25rem, 0.6rem + 2.6vw, 4rem);

  --face-topbar-h: 40px;
  --face-header-h: 84px;
  --face-header-h-scrolled: 68px;
  --face-header-h-mobile: 68px;

  --face-transition: 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
  --face-transition-fast: 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
  --face-transition-slow: 640ms cubic-bezier(0.22, 0.61, 0.36, 1);
  --face-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --face-z-base: 1;
  --face-z-raised: 10;
  --face-z-sticky: 100;
  --face-z-header: 900;
  --face-z-offcanvas: 1045;
  --face-z-modal: 1055;
  --face-z-toast: 1080;
  --face-z-loader: 1200;

  --face-bp-sm: 576px;
  --face-bp-md: 768px;
  --face-bp-lg: 992px;
  --face-bp-xl: 1200px;
  --face-bp-xxl: 1440px;

  --face-logo-height: 34px;
  --face-logo-height-scrolled: 28px;
  --face-logo-height-mobile: 28px;
  --face-logo-height-footer: 38px;

  --face-grid-line: rgba(255, 255, 255, 0.045);
  --face-grid-line-light: rgba(16, 19, 24, 0.05);

  --face-masthead-h: calc(var(--face-topbar-h) + var(--face-header-h));
  --face-anchornav-h: 58px;
  --face-scroll-offset: calc(var(--face-header-h-scrolled) + 1.5rem);
}

.face-theme-dark,
.face-hero,
.face-pagehero,
.face-cta,
.face-404,
.face-drawer,
.face-footer,
.face-cookie,
.face-searchpanel,
.face-loader,
.face-capability-card,
.face-industry-card {
  --face-accent-text: var(--face-accent-bright);
}

.face-theme-dark {
  --face-surface: var(--face-ink-900);
  --face-surface-alt: var(--face-ink-800);
  --face-surface-raised: var(--face-ink-700);
  --face-fg: var(--face-on-dark);
  --face-fg-soft: #c7ccd4;
  --face-fg-muted: var(--face-on-dark-muted);
  --face-rule: var(--face-line-dark);
  --face-rule-soft: var(--face-line-dark-soft);
}

.face-theme-light {
  --face-surface: var(--face-paper);
  --face-surface-alt: var(--face-paper-alt);
  --face-surface-raised: var(--face-paper);
  --face-fg: var(--face-text);
  --face-fg-soft: var(--face-text-soft);
  --face-fg-muted: var(--face-muted);
  --face-rule: var(--face-line);
  --face-rule-soft: var(--face-line-soft);
}

.face-theme-bone {
  --face-surface: var(--face-paper-alt);
  --face-surface-alt: var(--face-paper-deep);
  --face-surface-raised: var(--face-paper);
  --face-fg: var(--face-text);
  --face-fg-soft: var(--face-text-soft);
  --face-fg-muted: var(--face-muted);
  --face-rule: var(--face-line);
  --face-rule-soft: var(--face-line-soft);
}