/*
 * X-Port Variant A tokens.
 * Scoped by design: no :root declarations and no broad HTML selectors.
 */
.xport-va{
  --xport-va-font:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;

  --xport-va-color-text:#172019;
  --xport-va-color-heading:#101813;
  --xport-va-color-muted:#657069;
  --xport-va-color-surface:#fff;
  --xport-va-color-soft:#f6f8f6;
  --xport-va-color-primary:#55c878;
  --xport-va-color-primary-hover:#45b86a;
  --xport-va-color-primary-pressed:#3eaa60;
  --xport-va-color-primary-soft:rgba(85,200,120,.12);
  --xport-va-color-danger:#d95773;
  --xport-va-color-danger-bg:rgba(225,78,111,.105);
  --xport-va-color-danger-hover:rgba(225,78,111,.18);
  --xport-va-color-success:#2d8f52;
  --xport-va-color-error:#d95773;

  --xport-va-radius-sm:10px;
  --xport-va-radius-control:12px;
  --xport-va-radius-card:16px;
  --xport-va-radius-panel:18px;

  --xport-va-shadow:
    0 1px 2px rgba(18,32,24,.08),
    0 6px 14px rgba(18,32,24,.075);
  --xport-va-shadow-control:
    0 1px 2px rgba(18,32,24,.07),
    0 4px 10px rgba(18,32,24,.06);

  --xport-va-control-height:46px;
  --xport-va-focus-color:rgba(85,200,120,.48);
  --xport-va-focus-ring:0 0 0 4px var(--xport-va-focus-color);
  --xport-va-transition:160ms ease;

  --xport-va-space-1:4px;
  --xport-va-space-2:8px;
  --xport-va-space-3:12px;
  --xport-va-space-4:16px;
  --xport-va-space-5:24px;
  --xport-va-space-6:32px;
  --xport-va-space-7:40px;
  --xport-va-space-8:48px;

  --xport-va-container-max:1380px;
  --xport-va-gutter:clamp(16px,3vw,32px);
  --xport-va-section-gap:clamp(28px,4vw,48px);

  --xport-va-z-dropdown:20;
  --xport-va-z-overlay:40;
}