/* Shared brand, component and motion tokens. */
:root {
  --wog-logo-width: 130px;
  color-scheme: light;
  --green: #0aa859;
  --green-hover: #077840;
  --green-accent: #1dad65;
  --green-tint: #edf8f2;
  --ink: #1e1f1f;
  --muted: #494949;
  --border: #cdcfd3;
  --line: #e5e7e9;
  --surface: #f3f6fa;
  --white: #fff;
  --action: var(--green-hover);
  --action-hover: #065e34;
  --error: #a12f27;
  --error-bg: #fff4f1;
  --warning: #6c4b0a;
  --warning-bg: #fff9e9;
  --warning-border: #c48f20;
  --partner-green: #006b43;
  --focus: #1375b7;
  --icon-muted: #828786;
  --table-heading: #f8faf9;
  --dev-bg: #fff6dc;
  --dev-border: #eadbae;
  --dev-ink: #69501c;
  --step-track: #dce5df;
  --font-body: Rubik, Arial, sans-serif;
  --font-heading: Montserrat, Arial, sans-serif;
  --text-tiny: 10px;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-label: 13px;
  --text-md: 14px;
  --text-body: 15px;
  --text-input: 16px;
  --text-lead: 17px;
  --text-h3: 18px;
  --text-h2-small: 20px;
  --text-h2: 23px;
  --text-h1-mobile: 28px;
  --text-h1: 34px;
  --text-hero: 38px;
  --leading-body: 1.6;
  --leading-copy: 1.5;
  --leading-heading: 1.25;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-regular: 400;
  --weight-heavy: 800;
  --leading-title: 1.2;
  --leading-subtitle: 1.3;
  --leading-card: 1.35;
  --leading-control: 1.4;
  --text-brand-mobile: 9px;
  --text-metric: 30px;
  --text-metric-mobile: 25px;
  --text-benefit: 34px;
  --text-benefit-mobile: 30px;
  --text-code: clamp(25px,5.5vw,39px);
  --text-code-narrow: 30px;
  --tracking-h2: -.4px;
  --tracking-partner: -1px;
  --tracking-benefit: -2px;
  --tracking-code: 4px;
  --tracking-code-small: 3px;
  --tracking-history: 2px;
  --tracking-heading: -.7px;
  --tracking-label: 1.4px;
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 18px;
  --space-9: 20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-13: 40px;
  --space-14: 48px;
  --radius-card: 20px;
  --radius-control: 14px;
  --radius-small: 12px;
  --radius-nav: 22px;
  --radius-pill: 999px;
  --stroke: 1px;
  --stroke-accent: 3px;
  --shadow-card: 0 3px 14px #1e1f1f05, 0 1px 3px #1e1f1f03;
  --shadow-hover: 0 7px 20px #1e1f1f0b;
  --shadow-nav: 0 4px 24px #1e1f1f10;
  --shadow-toast: 0 8px 28px #1e1f1f20;
  --shadow-focus: 0 0 0 3px #0aa8591c;
  --control-height: 52px;
  --touch-min: 44px;
  --icon-size: 24px;
  --icon-small: 20px;
  --icon-mini: 18px;
  --service-icon-width: 56px;
  --service-icon-height: 48px;
  --card-height: 206px;
  --content-max: 1120px;
  --mobile-max: 560px;
  --sidebar-width: 194px;
  --brand-width: 210px;
  --brand-mobile-width: 164px;
  --nav-height: 72px;
  --nav-edge: 12px;
  --header-height: 99px;
  --header-height-mobile: 78px;
  --nav-tab-height: 58px;
  --list-row-height: 66px;
  --copy-max: 560px;
  --hero-max: 580px;
  --hero-copy-max: 540px;
  --action-min: 170px;
  --code-action-max: 320px;
  --code-help-max: 430px;
  --empty-copy-max: 410px;
  --partner-size: 88px;
  --partner-mobile-width: 76px;
  --partner-mobile-height: 68px;
  --details-label-width: 130px;
  --details-label-mobile-width: 96px;
  --avatar-size: 64px;
  --avatar-mobile-size: 54px;
  --brand-narrow-width: 155px;
  --service-icon-mobile-width: 52px;
  --service-icon-mobile-height: 42px;
  --dev-select-max: 248px;
  --loading-height: 220px;
  --icon-stroke-active: 1.9;
  --spinner-stroke: 2px;
  --lift-distance: -2px;
  --entrance-opacity: .35;
  --feedback-opacity: .4;
  --layer-nav: 30;
  --layer-toast: 50;
  --layer-feedback: 100;
  --motion-screen: 220ms;
  --motion-feedback: 180ms;
  --motion-fast: 140ms;
  --motion-loading: 800ms;
  --motion-distance: 8px;
  --motion-ease: cubic-bezier(.2,.7,.2,1);
  --press-scale: .98;
  --disabled-opacity: .58;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --content-safe-top: 0px;
  --content-safe-bottom: 0px;
  --content-safe-left: 0px;
  --content-safe-right: 0px;
  --safe-bottom-total: calc(var(--safe-bottom) + var(--content-safe-bottom));
  --keyboard-inset: 0px;
  --partner-logo-width: 112px;
  --partner-logo-height: 56px;
  --partner-logos-gap: 16px;
}