@layer insertx-foundations {
  :root {
    /* Marca neutra. Produtos devem sobrescrever estes aliases. */
    --ix-brand-primary: #475569;
    --ix-brand-hover: #334155;
    --ix-brand-active: #1e293b;
    --ix-brand-soft: #f1f5f9;
    --ix-on-brand: #ffffff;
    --ix-focus: #60a5fa;

    --ix-background: #f6f8fb;
    --ix-surface: #ffffff;
    --ix-surface-raised: #ffffff;
    --ix-text-primary: #172033;
    --ix-text-secondary: #657084;
    --ix-text-disabled: #a6afbd;
    --ix-border: #dde3ea;
    --ix-divider: #e9edf2;
    --ix-overlay: rgb(10 22 40 / 48%);

    --ix-success: #1f9d67;
    --ix-warning: #d88a14;
    --ix-error: #d64545;
    --ix-info: #2687e9;

    --ix-space-0: 0;
    --ix-space-1: 0.25rem;
    --ix-space-2: 0.5rem;
    --ix-space-3: 0.75rem;
    --ix-space-4: 1rem;
    --ix-space-5: 1.25rem;
    --ix-space-6: 1.5rem;
    --ix-space-8: 2rem;
    --ix-space-10: 2.5rem;
    --ix-space-12: 3rem;
    --ix-space-16: 4rem;

    --ix-radius-sm: 0.25rem;
    --ix-radius-md: 0.375rem;
    --ix-radius-lg: 0.625rem;
    --ix-radius-pill: 999px;
    --ix-border-width: 1px;

    --ix-shadow-sm: 0 1px 2px rgb(15 23 42 / 8%);
    --ix-shadow-md: 0 4px 12px rgb(15 23 42 / 12%);
    --ix-shadow-lg: 0 12px 32px rgb(15 23 42 / 18%);

    --ix-motion-fast: 140ms;
    --ix-motion-base: 220ms;
    --ix-motion-navigation: 260ms;
    --ix-motion-slow: 320ms;
    --ix-easing-standard: cubic-bezier(.4, 0, .2, 1);

    --ix-control-compact: 2rem;
    --ix-control-default: 2.5rem;
    --ix-control-comfortable: 3rem;
    --ix-page-max-width: 100rem;
    --ix-navigation-rail-width: 3.5rem;
    --ix-navigation-panel-width: 15rem;
    --ix-header-height: 4.25rem;
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
    }
  }
}