@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.motryx-product-platform :where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--motryx-pro-blue);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px var(--motryx-focus-ring);
}

.motryx-product-platform :where(.motryx-icon, [data-lucide]) {
  width: var(--motryx-icon-size);
  height: var(--motryx-icon-size);
  flex: 0 0 auto;
  color: inherit;
  stroke-width: var(--motryx-icon-stroke);
  vertical-align: -0.125em;
}

.motryx-product-platform :where([aria-disabled='true'], :disabled) {
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .motryx-product-platform *,
  .motryx-product-platform *::before,
  .motryx-product-platform *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

:where(.motryx-product-platform) {
  --motryx-pro-blue: #0243b5;
  --motryx-pro-dark: #020a13;
  --motryx-surface-canvas: #f7f5f2;
  --motryx-surface-primary: #fff;
  --motryx-text-primary: #2f343a;
  --motryx-text-secondary: #6e7782;
  --motryx-border-subtle: rgba(47, 52, 58, 0.1);
  --motryx-semantic-success: #5f9e63;
  --motryx-semantic-warning: #d99a2b;
  --motryx-semantic-error: #b54a4a;
  --motryx-semantic-record: #e3b341;
  --motryx-focus-ring: rgba(2, 67, 181, 0.35);
  --motryx-icon-size: 1.25rem;
  --motryx-icon-stroke: 2;
  color: var(--motryx-text-primary);
  background: var(--motryx-surface-canvas);
  font-family: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-SemiBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}